hi to everyone i am looking for a image scroll like http://tools.yootheme.com/extensions/yooscroller
to be used not on joomla but to any site.
Anyone has an idea where to find it please....

thank you in advance

Recommended Answers

All 4 Replies

here i created one for you : the image is attached to this post just locate the image and the page to the same location to run the example.

htmlPage.htm :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    
</head>
<body>

 <div id="someID" style="width:400px;height:220px;overflow:auto;">
 <table><tr id="row">
 <td>1<img src="box_yootoppanel.png"</td>
  <td>2<img src="box_yootoppanel.png"</td>
   <td>3<img src="box_yootoppanel.png"</td>
    <td>4<img src="box_yootoppanel.png"</td>
     <td >5<img src="box_yootoppanel.png"</td>
      <td>6<img src="box_yootoppanel.png"</td>
  <td>7<img src="box_yootoppanel.png"</td>
   <td>8<img src="box_yootoppanel.png"</td>
    <td>9<img src="box_yootoppanel.png"</td>
     <td>10<img src="box_yootoppanel.png"</td>
      <td>11<img src="box_yootoppanel.png"</td>
      <td>12<img src="box_yootoppanel.png"</td>
      
 </tr></table>
 </div>
 <script type="text/javascript">
     var td = row.firstChild;
     function animate() {

         someID.scrollLeft = td.offsetLeft;
         if (td == row.lastChild)
             td = row.firstChild;
             else
                 td = td.nextSibling;
             setTimeout("animate()", 1000);
         }
         animate();
    </script>
</body>
</html>

The img tags are messed up.

commented: the answer was true damnit -1

The img tags are messed up.

you are right, i didnt notice that, i copied and pasted the working sample though.

i dont understand why this guys dont mark threads as solved when they got the answer. But here is i corrected the img tags.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <div id="someID" style="width: 400px; height: 220px; overflow: auto;">
        <table>
            <tr id="row">
                <td>
                    1<img src="box_yootoppanel.png" /></td>
                <td>
                    2<img src="box_yootoppanel.png" /></td>
                <td>
                    3<img src="box_yootoppanel.png" /></td>
                <td>
                    4<img src="box_yootoppanel.png" /></td>
                <td>
                    5<img src="box_yootoppanel.png" /></td>
                <td>
                    6<img src="box_yootoppanel.png" /></td>
                <td>
                    7<img src="box_yootoppanel.png" /></td>
                <td>
                    8<img src="box_yootoppanel.png" /></td>
                <td>
                    9<img src="box_yootoppanel.png" /></td>
                <td>
                    10<img src="box_yootoppanel.png" /></td>
                <td>
                    11<img src="box_yootoppanel.png" /></td>
                <td>
                    12<img src="box_yootoppanel.png" /></td>
            </tr>
        </table>
    </div>

    <script type="text/javascript">
     var td = row.firstChild;
     function animate() {

         someID.scrollLeft = td.offsetLeft;
         if (td == row.lastChild)
             td = row.firstChild;
             else
                 td = td.nextSibling;
             setTimeout("animate()", 1000);
         }
         animate();
    </script>

</body>
</html>
commented: The img tags are not correct. You need an 'alt' attribute in XHTML 1.0 Transitional. -4
commented: How About You Follow The Standard!? -2
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.