Programadores Insertar Lazy Load más y codificar imagenes

xtremmetal · 31 Jul 2014

Buenas, supongo que ya conoceréis el famoso plugin Lazy Load. Intento hacerlo yo pero no sé que hago mal

Y buscando encontré una manera de hacerlo mejor. Quedaría así:

Código:

<img class="b-lazy" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== data-src="assets/bears/big-bear1.jpg" data-src-small="assets/bears/small-bear1.jpg" alt="Lazy load images image1" />

No lo sé explicar bien. Pero si eres un buen programador sabes de que va la cosa.

Dejar constancia y precio por privado.

blanxi · 31 Jul 2014

URL del site?

tan fácil como añadir la cabecera:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>

Dónde quieras la imagen:

<img class="lazy" data-original="img/image.jpg" width="140" height="280">

Y en el footer:

<script>
$(function() {
$("img.lazy").lazyload();
});
</script>

- - - Actualización- - -

PD: Envía privado y te ayudo si me lleva menos de 10 min te sale gratis juju

aún así prueba lo que te dicho

xtremmetal · 31 Jul 2014

blanxi dijo:
URL del site?

tan fácil como añadir la cabecera:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>

Dónde quieras la imagen:

<img class="lazy" data-original="img/image.jpg" width="140" height="280">

Y en el footer:

<script>
$(function() {
$("img.lazy").lazyload();
});
</script>

- - - Actualización- - -

PD: Envía privado y te ayudo si me lleva menos de 10 min te sale gratis juju

aún así prueba lo que te dicho

Voy a hacer la ultima prueba y como no me funcione te mando privado, gracias

- - - Actualización- - -

blanxi dijo:
URL del site?

tan fácil como añadir la cabecera:

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.lazyload.js" type="text/javascript"></script>

Dónde quieras la imagen:

<img class="lazy" data-original="img/image.jpg" width="140" height="280">

Y en el footer:

<script>
$(function() {
$("img.lazy").lazyload();
});
</script>

- - - Actualización- - -

PD: Envía privado y te ayudo si me lleva menos de 10 min te sale gratis juju

aún así prueba lo que te dicho

Te debo una Compi :mola:

Lo que me fallaba en todas mis intentonas era que no ponía:

class="lazy"

Ahora si funciona correctamente, gracias.

Programadores Insertar Lazy Load más y codificar imagenes

xtremmetal

blanxi

Suspendido

xtremmetal

Comparte esta página