Ver Mensaje Individual
  #4 (permalink)  
Antiguo 25/07/2019, 18:17
Avatar de ArturoGallegos
ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: Efecto Paralmaxjs con múltiples imagenes

Te comparto algo que tengo entre mis cuchitriles

Con vanilla me refería a javascript vanilla


También tienes la opción de hacerlo solo con HTML + CSS, aunque para este te recomiendo usar imágenes tipo patrones, que se pueda repetir una y otra vez

https://www.freepik.es/fotos-vectores-gratis/patrones

Esto, porque con CSS no puedes controlar la velocidad y si tu contenido es muy extenso necesitaras una imagen muy alta o una imagen pequeña que pueda repetirse N veces.


Sobre un tutorial por lo de las imagenes, realmente no te sabria indicar uno, pero valga que no necesitas mucho, hasta con javascript lo puedes hacer.
Todo lo que necesitas es tener una matriz de imagenes y usar un random

Código Javascript:
Ver original
  1. let imagenes = [
  2.   'https://demo.com/imagen1.jpg',
  3.   'https://demo.com/imagen2.jpg',
  4.   'https://demo.com/imagen3.jpg',
  5.   'https://demo.com/imagen4.jpg',
  6.   'https://demo.com/imagen5.jpg'
  7. ], index_img = parseInt(Math.random() * 4);
  8.  
  9. console.log(imagenes[index_img]);

En PHP es casi lo mismo
Código PHP:
Ver original
  1. <?php
  2. $imagenes = [
  3.   'https://demo.com/imagen1.jpg',
  4.   'https://demo.com/imagen2.jpg',
  5.   'https://demo.com/imagen3.jpg',
  6.   'https://demo.com/imagen4.jpg',
  7.   'https://demo.com/imagen5.jpg'
  8. ];
  9.  
  10. ?>
  11. <img src="<?php echo $imagenes[rand(0,4)]?>" alt="">

En el caso de PHP el array puedes traerlo de la base de datos.