[APORTE] efectos sin jquery

[IsaBelM]

es muy básica, pero suficiente como ejemplo

Código SQL:

CREATE TABLE IF NOT EXISTS `infiniteimagenes` (
  `Id` INT(11) NOT NULL AUTO_INCREMENT,
  `srcImagen` text NOT NULL,
  `hrefImagen` text NOT NULL,
  `altImagen` text NOT NULL,
  PRIMARY KEY (`Id`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 AUTO_INCREMENT=21 ;
 
--
-- Volcar la base de datos para la tabla `infiniteimagenes`
--
 
INSERT INTO `infiniteimagenes` (`Id`, `srcImagen`, `hrefImagen`, `altImagen`) VALUES
(1, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img1'),
(2, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img2'),
(3, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img3'),
(4, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img4'),
(5, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img5'),
(6, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img6'),
(7, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img7'),
(8, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img8'),
(9, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img9'),
(10, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img10'),
(11, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img11'),
(12, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img12'),
(13, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img13'),
(14, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img14'),
(15, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img15'),
(16, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img16'),
(17, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img17'),
(18, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img18'),
(19, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img19'),
(20, 'http://www.blogdehumor.com/wp-content/2013/04/que-hay-en-internet.jpg', 'http://www.blogdehumor.com/que-hay-en-internet/', 'img20');