Slideshow para página web

Hola.

Estoy buscando un slideshow que haga lo que muestro en la imagen:

Imagen


Al poner el ratón sobre una de las imágenes laterales que pase ser la central y que se agrande, seguro que sabéis a qué me refiero.

¿Qué nombre tiene este efecto?
Es pedir demasiado, pero ¿sabéis dónde puedo encontrar un widget o el código HTML de dicho slideshow?


Saludos.
Sliders hay miles...

Como el tuyo ahora mismo recuerdo ninguno, pero vamos, parecidos los hay.

http://www.jssor.com/
http://wowslider.com/es/demo.html

Anda, mira, estás de suerte. Uno como el que quieres: http://www.jcoverflip.com/demo

Si no te convencen busca en Google "slider jquery" o "slider javascript" y tendrás cientos para elegir.
Muchas gracias, el último que has puesto es exactamente lo que buscaba.

Pero tengo un problema: estoy haciendo una web con un amigo en Jimdo y ninguno de los dos tenemos ni la más remota idea de programación. En Jimdo hay un apartado para incluir Widgets y HTML, pero no tengo ni idea de cómo poner el jquery que he descargado. ¿Puedes ayudarme con esto? :-?

Saludos.
Pues en la propia página del slider te dicen como instalarlo: http://www.jcoverflip.com/documentation ... stallation

Y después te dicen como poner el widget: http://www.jcoverflip.com/documentation/getting-started

Este es el script para llamar al slider. Donde pone #flip es la id que deberá tener la lista que contenga las imágenes.
<script>
  $(function(){
    $('#flip').jcoverflip();

  });
</script>


La lista sería así:
<ul id="flip">
    <li><a href="..."><img ...><span class="title">My title</span></a></li>
    <li><a href="..."><img ...><span  class="title">Another title</span></a></li>
</ul>

Y bueno, solo tienes que añadir la imagen como te enseña en el ejemplo.
<li><a href="..."><img src="images/uno.png"><span  class="title">Título de la imagen</span></a></li>

En el <a href="", no sé seguro lo que tienes que poner porque no lo he probado. Eso teóricamente es un enlace y no sé como lo usará. No creo que te lleve a ningún sitio al pulsar la imagen o a lo mejor te lleva si clickeas en la imagen grande del centro. Prueba poner href="#" y luego con un enlace a ver que te sale.

En la documentación hay bastante info, solo es cuestión de echarle un ojo.
No me entero de nada, todo esto a mí me suena a chino [agggtt]

De todas formas, muchísimas gracias.
4 respuestas