Closed GoogleCodeExporter closed 9 years ago
Hi, I have a problem. I would like to create multiple shows with Ken Burns effect. Why those effects don't work in table? Could you help me somehow? -------------------------------test----------------------------------- http://e-duet.com/test/Photo%20Service.html ----------------------------head-------------------------------------- <link rel="stylesheet" type="text/css" href="css/slideshow.css" media="screen" /> <script type="text/javascript" src="js/mootools.js"></script> <script type="text/javascript" src="js/slideshow.js"></script> <script type="text/javascript" src="js/slideshow.kenburns.js"></script> <script type="text/javascript"> //<![CDATA[ window.addEvent('domready', function(){ var myShow = new Slideshow.KenBurns('show1', ['People1.jpg', 'People2.jpg', 'People3.jpg', 'People4.jpg'], { delay: 5000, duration: 2000, height: 280, hu: 'images/Photo Service/People/', width: 180 }) var myShow = new Slideshow.KenBurns('show2', ['Outdoor1.jpg', 'Outdoor2.jpg', 'Outdoor3.jpg', 'Outdoor4.jpg'], { delay: 5000, duration: 2000, height: 280, hu: 'images/Photo Service/Outdoor/', width: 180 }) var myShow = new Slideshow.KenBurns('show3', ['Reportage1.jpg', 'Reportage2.jpg', 'Reportage3.jpg', 'Reportage4.jpg'], { delay: 5000, duration: 2000, height: 280, hu: 'images/Photo Service/Reportage/', width: 180 }) var myShow = new Slideshow.KenBurns('show4', ['Varieties1.jpg', 'Varieties2.jpg', 'Varieties3.jpg', 'Varieties4.jpg'], { delay: 5000, duration: 2000, height: 280, hu: 'images/Photo Service/Varieties/', width: 180 }); }); //]]> </script> -------------------------------body----------------------------------- <td align="left" valign="top" height="280" width="180" bgcolor="#FFFFFF" background="images/Photo%20Service/kolumna2.jpg"> <div id="show1" class="slideshow"> <img src="images/Photo Service/People/People1.jpg" height="280" width="180" /> </div> </td> <td align="left" valign="top" height="280" width="77" bgcolor="#FFFFFF" background="images/Photo%20Service/kolumna3.jpg"> </td> <td align="left" valign="top" height="280" width="180" bgcolor="#FFFFFF" background="images/Photo%20Service/kolumna4.jpg"> <div id="show2" class="slideshow"> <img src="images/Photo Service/Outdoor/Outdoor1.jpg" height="280" width="180" /> </div> </td> <td align="left" valign="top" height="280" width="75" bgcolor="#FFFFFF" background="images/Photo%20Service/kolumna5.jpg"> </td> <td align="left" valign="top" height="280" width="180" bgcolor="#FFFFFF" background="images/Photo%20Service/kolumna6.jpg"> <div id="show3" class="slideshow"> <img src="images/Photo Service/Reportage/Reportage1.jpg" height="280" width="180" /> </div> </td> <td align="left" valign="top" height="280" width="75" bgcolor="#FFFFFF" background="images/Photo%20Service/kolumna7.jpg"> </td> <td align="left" valign="top" height="280" width="180" bgcolor="#FFFFFF" background="images/Photo%20Service/kolumna8.jpg"> <div id="show4" class="slideshow"> <img src="images/Photo Service/Varieties/Varieties1.jpg" height="280" width="180" /> </div> </td>
Original issue reported on code.google.com by cichy...@o2.pl on 20 Jan 2011 at 4:22
cichy...@o2.pl
Original comment by aeron.gl...@gmail.com on 15 Feb 2011 at 6:12
aeron.gl...@gmail.com
Original issue reported on code.google.com by
cichy...@o2.pl
on 20 Jan 2011 at 4:22