Crear un slideshow en Drupal 7

00:00
 

En este vídeo veremos como podemos crear un slideshow en Drupal 7.
El mismo nos puedes servir para animar el header de nuestro sitio, para crear banners publicitarios o para mostrar nuestro contenido más reciente.

Tópico: 
Sistema Operativo: 
Plataforma: 
Calificar: 
0
Monto: 
$5.00

Comentarios

Charly, mil gracias por tu inestimable ayuda. Todos los dia svisito el sitio buscando los ultimos tutos, para plicarlo en mi proyecto de Drupal, con el cual estoy incursionando en este magnifico CMS. Quería preguntarte, como has incluido el jQuery Cycle Plugin en Drupal, ya que ne mi opcion de vistas, aunque tengo los mismos módulos que vos, no tengo la opción de TIPO Slideshow. Gracias nuevamente, y saludos desde Palma de Mallorca, España. PD: para cuando un tuto con Calendarios y Eventos? ;)

Yo pregunto lo mismo. Saludos desde Galicia, España.
Imagen de charly

va en sites/all/libraries aquí van todos los scripts y librerías externas en Drupal

Yo también espero un tuto de Calendarios y Eventos saludos!!!

Estimado Charly..
El video esta muy bueno!!
Solo pregunto ¿seria posible que detallaras como configurar este slideshow para el header en un banner?... lo mencionas muy brevemente al final de tu video y me dejas esa duda...
Gracias por tu tiempo....

Hola Charly, excelentes tus tutoriales, ayúdame por favor... mi problema es el siguiente: “He intentado instalar en local mediante WampServer Drupal7 varias veces y me sucede lo siguiente: elegir

perfil (bien), elegir un (idioma bien), verificar requisitos (bien), configurar base de datos (bien), instalar perfil (bien), configurar traducciones (aquí es donde me he quedado siempre... me

sale este mensaje:

“An AJAX HTTP error occurred. HTTP Result Code: 200 Debugging information follows. Path: http://localhost/hermeos/install.php?profile=standard&locale=es&id=2&op=do StatusText: OK ResponseText:

Fatal error: Maximum execution time of 30 seconds exceeded in C:\wamp\www\hermeos\includes\database\database.inc on line 2135”.

Me dice que hay un error en las traducciones de la interfaz... y cuando le doy al link de continue a la pagina de error” continua el proceso como si no hubiera pasado nada y como si todo estuviera

bien, pero cuando lo abro, nada, me sale mitad español y mitad inglés... intenté instalar commerce kickstar como tú explicas y ahora me sale “Fatal error: Maximum execution time of 240 seconds

exceeded in C:\wamp\www\silviaponte\includes\database\database.inc on line 2135”, soy novato en php y no sé como solucionar este problemonón... gracias por tu ayuda sensei charly.

tienes que abrir el php.ini y modificar max_execution_time = 30 q esta en segundos, osea q ponele mas segundos para q no te traiga problemas porque en la traduccion demora mucho mas de 30 segundos

Hola Charly primero quiero agradecerte por ofrecer conocimientos tan valiosos muchas gracias, tambien tengo dos preguntas por fa si puedes responderme, es sobre el archivo estilos.css ¿En que carpeta se tiene que guardar? y este archivo estilos.css ¿en que archivo se pone el <link href="estilos.css" rel="stylesheet" type="text/css"> para que jale los estilos? pues si es de estemodo o ente caso si puedes explicar con mayor detalle esa parte.gracias de antemano.
Imagen de charly

En Drupal 7 se tomo la decisión de poner todos los estilos dentro de una carpeta llamada css, esto no es obligatorio y depende del que hace el tema, tienes que buscar el archivo principal de tu tema, por lo general se llama style.css y está dentro de la carpeta de tu tema o dentro de una carpeta llamada css, dentro del tema que utilices. Por otro lado puedes crear tu propio archivo css y ponerlo donde consideres y especificarlo en el archivo elnombredetutema.info.
salu2

Buenas, magnifica esta web! gracias por tu trabajo. bueno al hilo de este comentario, quería hacer lo que comentas en el video, para ponerle bordes y demás a la imagen principal del Slideshow... pero no encuetro en que lugar de mi style.css se encuentra. Cuando hacemos en opciones de la vista para el campo Imagen grande, el nombre que insertamos para que sirbe? pensaba que con ese nombre se generaría un css específico. no se donde hacer los bordes y demás.
Imagen de charly

Hola Christian, tienes que crear en Views el nombre de la clase, luego en tu css tienes que poner el código css correspondiente a esa clases.
Espero que me entiendas.
Salu2

buenas noches Charlie yo otra ves sabes probé convertir el slideshow a bloque y ponerlo como banner en el header funciona muy bien el problema es que sale con el nombre de la vista en la parte superior intente quitarle y sale con el nombre del bloque,ya escondi la etiqueta del campo tipo imagen y no se que esta pasando,una ayuda porfa si tienes tiempo.gracias
Imagen de charly

Editas el bloque y en titulo del bloque le pones:

<none>

Salu2

gracias ya me salio se le pone <none> en el titulo del bloque.

holas charlie una consulta como puedo poner las miniaturas de forma vertical pero a un lado de la imagen grande del slideshow,ya no se usaria float left lo intente pero nose como nose si lo intentaste pero vi en una we algo parecido.saludos
Imagen de charly

Si lo ví, pero no encuentro donde... creo que tienes que crear un div y dentro otro y flotar uno a la izquierda del otro.
Estoy buscando esta web y hago un segundo tuto donde veremos como ponerlo de header, con las imagenes a la derecha y con estilos en la mismas.
Salu2

¿Mi estimado, todo me funciono de maravilla (muchas gracias) pero por alguna manera no me da los links en las imagenes, ya revise el video una y otra vez y no los agarra, que puede ser? Saludos.

Oye charly como puedo hacer lo mismo pero en vez de imagenes poner un video de youtube y que se pueda reproducir ahi mismo, te lo agradeceria mucho si me puedes ayudar con eso
Imagen de charly

esta bueno lo que preguntas, veremos que se me ocurre...

Charly, me puedes indicar que hacer para que las imagenes pequenias no esten en posicion vertical, sino en horizontal ?

alex, si agregas las lineas de codigo css,las que se muestran en el video, dentro del archivo style.css dentro de la carpeta de tu tema las miniaturas se acomodan de forma horizontal.

Buen trabajo charly, todo me funciono muy bien, quisiera poner las miniaturas encima y al final de las imagenes grandes o quitar las miniaturas y ponerle botones para que avance o retroceda las diapositivas y no encuentro como?

Hola Charly. Enhorabuena por tu portal. Me ha gustado este slideshow. Solo me gustaría saber si puede lograr que aunque solo se vean x miniaturas a la vez (en este caso 7), que vayan rotando en caso de haber más nodos en la vista. Es decir, si doy de alta 15 nodos, que se vean las 7 primeras miniaturas y luego vayan apareciendo el resto (7 a la vez). Muchas gracias

Hola charly, En primer lugar, un saludo desde Colombia y muchas felicitaciones por tus video tutoriales, realmente son excelentes. He seguido el curso de views y me parece excelente. En segundo lugar queria comentarte que he estado probando el slideshow, sin embargo surgen muchas preguntas. En primer lugar si no quiero un paginador en el slideshow, y en cambio controles de anterior y siguiete, como puedo lograrlo. En Views, en opciones del formato, esta la opción, pero solamente tiene controles de tipo texto, no se pueden colocar imagenes. Como puedo lograr esto?. Un saludo y agradezco de antemano tu colaboración.

Gracias por el video tutorial amigo!! queria hacer la siguiente pregunta, pasa que en el producto final de slideshow, no me sale la columna de la parte inferior en posicion horizontal, si no mas bien en vertical no se si podrias ayudarme en esta parte, te estare agradecido, muchas gracias!

Hola Charly, eres un crack de los videos, esto es mejor que cualquier libro. Tengo una duda, si quisiera hacer dentro de mi página varios slideshow todos iguales pero en diferentes páginas y con diferentes imagenes cómo se haría?? sería necesario crear diferentes tipos de contenido uno para cada página?? Muchas gracias y sigue así.

Para los que no les salga en posición horizontal vayan a la carpeta css de su tema y allí en uno de los ficheros .css que hay allí añadan un campo nuevo llamado .views-content-field-slider{ float:left; } con eso tendría que ser suficiente. Un saludo y ánimo. Y gracias a Charly

a mi tambien me paso lo de las miniaturas verticales y lo añadi en el style.css de mi tema (garland) pero no me funciono... al final investigando un poco lo añadi en /www/modules/system/system.theme.css no creo que sea el mejor sitio pero a mi me ha funcionado por ciero muy interesante la pagina
Imagen de charly

No es aconsejable este método, es mejor utilizar el módulo css_injector y hacerlo por este. Ahora he hecho el sitio y lo he subido para que lo puedan descargar. Salu2.