Comunidad de diseño web y desarrollo en internet online

Cómo creo una serie de imagenes animadas en html, cada una con un link

Citar            
MensajeEscrito el 20 Nov 2011 01:24 am
Hola, no sé si ésta es la categoría correcta de foro para preguntar esto:

Estoy trabajando este sitio web: http://sotocomunicacion.com/delca/ y los 6 banners pequeños que aparecen en la home, deben ir cambiando, para mostrar en total 9, y que cada uno tenga un link hacia su propia página.

Necesito resolverlo con html, jquery, o cualquier otro lenguaje que no sea flash, pues debe verse en todos los dispositivos móviles.

Ojalá me puedan responder. Mil gracias!

Por arturosoto84

10 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 20 Nov 2011 03:52 pm

Por josueochoa

8 de clabLevel



Genero:Masculino  

Desarrollador web

chrome
Citar            
MensajeEscrito el 21 Nov 2011 07:07 pm
Hola Josue, excelente! Solo tengo una duda, ojalá me puedas ayudar:

En el paso 3 de la instalación, menciona:

$(function() {
$(".anyClass").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev"
});
});

Eso dónde debo colocarlo? Lo puse justo debajo del div del listado de fotos:

<div class="anyClass">
<ul>
<li><a href="html/nuestras-marcas-luguimac-centrifugas-refrigeradas-agitadores-lineales-delca-cientifica.php"><img src="images/agitadores-de-plaquetas-con-incubadora.jpg" alt="" width="240" height="192" ></a></li>
<li><img src="images/bascuals-para-toma-muestra.jpg" alt="" width="240" height="192" ></li>
<li><img src="images/congelador-plasma-garantia-compresores.jpg" alt="" width="240" height="192" ></li>
<li><a href="html/bancos-de-sangre-plasma-selladores-dielectricos-centrifugas-mesa-ultracongeladores.php"><img src="images/refrigeradores-para-bancos-sangre-regalamos-flete.jpg" alt="" width="240" height="192" ></a></li>
<li><img src="images/ultracongeladores-compresores-garantia.jpg" alt="" width="240" height="192" ></li>
</ul>
</div>
<script type="text/javascript">
$(document).ready(function() {
$(".anyClass").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
});
});

</script>


Es correcto? No me funciona! Y veo en el sitio web que me mandas, que menciona algo de llamar la acción con algun evento. Mencionan algo de document.ready or window.load event, pero no sé usarlos. Me ayudas?

Gracias!

Por arturosoto84

10 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 21 Nov 2011 07:15 pm
jCarousel funciona con jQuery, incluye a jQuery antes de incluir a jCarousel

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

Si lo estas probando en Chrome puedes fijarte los errores Javascript en la consola

Por josueochoa

8 de clabLevel



Genero:Masculino  

Desarrollador web

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.