joeblack9988 / slideshow

Automatically exported from code.google.com/p/slideshow
0 stars 0 forks source link

Multiple shows does not work in table #165

Closed GoogleCodeExporter closed 8 years ago

GoogleCodeExporter commented 8 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">
                &nbsp;</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">
                &nbsp;</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">
                &nbsp;</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 19 Feb 2011 at 1:12

GoogleCodeExporter commented 8 years ago
[deleted comment]
GoogleCodeExporter commented 8 years ago

Original comment by cichy...@o2.pl on 19 Feb 2011 at 1:57

Attachments:

GoogleCodeExporter commented 8 years ago
The problem has nothing to do with a table (although that is not helping 
anything).

The problem is the paths to your images is broken because some of your images 
have an uppercase file extension (.JPG) instead of lowercase (.jpg) so the 
script cannot find them. Fix your filenames to fix the problem and please post 
troubleshooting questions to the forum.

Original comment by aeron.gl...@gmail.com on 19 Feb 2011 at 1:58