Avisos
Vaciar todo

Plugin Roksprocket: sólo imágenes

4 Respuestas
3 Usuarios
0 Reactions
790 Visitas
Respuestas: 135
Estimable Member
Topic starter
 

Hola:
Necesito colocar el plugin Roksprocket en un lateral de la página para que vaya presentando imagenes; pero sólo imágenes, sin vincular a ninguna entrada.
¿Me podríais decir qué configuración escoger?
Gracias y saludos.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 01/06/2016 7:05 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

HOla

Puedes probar hacerlo con la configuración de stripes, puedes definir los datos manualmente, cuando hagas un nuevo item de rocksprocket elige la siguiente configuración:

Ten en cuenta también que hay plugin especificos para mostrar imágenes, si esta configuración no cumple con lo que quieres tendrías que buscar un plugin más especializado con sólo imágenes.

Saludos.


 
Respondido : 01/06/2016 7:48 pm
Respuestas: 135
Estimable Member
Topic starter
 

Hola:
Es una buena solución; pero quizás la haya más sencilla que añadir el plugin. Yo había pensado en añadir código al widget de texto para que, cada vez que se abra la página de inicio, aparezca un banner distinto.
¿Es posible?
Saludos.


 
Respondido : 02/06/2016 8:44 am
Pepe
 Pepe
Respuestas: 41120
Illustrious Member Admin
 

Hola.
Si no quieres complicarte la vida tendrás que utilizar algún plugin como ' Roksprocket ' o ' rokgallery '

Si quieres añadirlo en un HTML puedes probar el siguiente código:



    /**

    * Array con las imagenes que se iran mostrando en la web

    */
    var imagenes=new Array(
        'img/1.jpg',
        'img/2.jpg',
        'img/3.jpg',
        'img/4.jpg'
    );
    /**
    * Funcion para cambiar la imagen
    */
    function rotarImagenes()

    {
        // obtenemos un numero aleatorio entre 0 y la cantidad de imagenes que hay
        var index=Math.floor((Math.random()*imagenes.length));

        // cambiamos la imagen
        document.getElementById("imagen").src="imagenes[index"];
    }

    /**
    * Función que se ejecuta una vez cargada la página
    */
    onload=function()
    {
        // Cargamos una imagen aleatoria
        rotarImagenes();

         // Indicamos que cada 5 segundos cambie la imagen
        setInterval(rotarImagenes,5000);
    }




Hay que copiar el código y crear una carpeta img donde poner en su interior las imágenes. Para este código de ejemplo, las imágenes se denominan 1.jpg, 2.jpg, 3.jpg y 4.jpg

Un saludo


 
Respondido : 02/06/2016 9:21 am