Slideshow jquery. ¿Cómo lo pongo en mi web?

Aliasmarcos · #1 (**permalink**) 19/12/2013, 05:04

Hola.

Con un amigo estoy haciendo una web en Jimdo. Queremos poner el siguiente slideshow en nuestra página http://www.jcoverflip.com/demo pero ninguno de los dos sabemos absolutamente nada de programación. ¿Podéis ayudarme? Necesitaría una explicación para novatos.

Saludos.

carscx · #2 (**permalink**) 19/12/2013, 14:45

Segun lo que he visto Jimdo es una especie de wix, donde puedes crear tu web facilmente. Supongo que tendran Slide ya creados, y si no es asi, tendras alguna parte donde editar codigo fuente HTML y ahi seguir los pasos de jcoverflip.

La verdad que nunca use un servicio de este tipo, no los critico, pero la verdad que me tocan un poco ..... porque nos quitan trabajo a los profesionales y crean webs de muy baja calidad.

Espero haberte orientado.

Saludos,

Aliasmarcos · #3 (**permalink**) 20/12/2013, 02:57

Cita:

Iniciado por carscx

Supongo que tendran Slide ya creados, y si no es asi, tendras alguna parte donde editar codigo fuente HTML y ahi seguir los pasos de jcoverflip.

Sí, tiene un par de slides ya creados y un apartado para introducir código, pero necesitaría una explicación para novatos de cómo poner el slide que quiero. He preguntado en un montón de sitios y nadie me da una solución, cuando esto para alguien que domine el tema supongo que será algo sencillo.

carscx · #4 (**permalink**) 20/12/2013, 06:04

El problema es precisamente ese, si realmente te interesa el tema Web, diseño web, y programacion, te recomiendo que hagas un curso de HTML y CSS, basico, puedes seguir videos en Youtube, o seguir los que hay por aqui en el foro, que son muy buenos y utiles.

No puedes pretender que se te den todas las cosas hechas, para armar un slide de fotos, necesitas HTML, CSS y javaScript. Sabiendo un poco de HTML, podras incluir de manera facil el slide en tu pagina jimdo.

Saludos!

Aliasmarcos · #5 (**permalink**) 20/12/2013, 09:58

No quiero dedicarme al diseño web, simplemente estoy haciendo una página con un amigo y mi amigo quiere ponerle ese slide en concreto.

Lo único que busco es que alguien me ayude con esto. Anda que no habré ayudado yo a gente en internet con temas de AutoCAD o Photoshop, y para una vez que quiero que me ayuden no hay nadie que lo haga. Esto mismo lo he preguntado en un montón de foros y no consigo sacar nada en limpio.

En fin, muchas gracias por al menos contestar.

pzin · #6 (**permalink**) 20/12/2013, 10:15

Pues a mucha gente de por aquí ni le sonará eso de Jimdo. Yo es la primera vez que lo oigo.

De todas formas, la librería que quieres usar viene con una documentación: http://www.jcoverflip.com/documentation
Intenta ponerlo tal cual te dicen ahí.

Básicamente lo que tienes que hacer es incluir jQuery con un etiqueta script, luego incluir este código entre <head> y </head>:

Código Javascript:

Ver original<script>
  $(function(){
    $('#flip').jcoverflip();
  });
</script>

Y luego entre <body> y </body donde quieras que aparezca:

Código HTML:

Ver original<ul id="flip">
  <li><a href="perrito.html"><img src="mi_imagen1.jpg"><span class="title">Un títulito</span></a></li>
  <li><a href="gatito.html"><img src="otra_imagen.jpg"><span class="title">Otro titulo</span></a></li>
</ul>

Cuando descargues jQuery, fíjate que no sea la última versión con la cual dice la documentación que no es compatible.