Multiple Image scrolling code
Posted: 14 May 2010, 18:10
The Code given below is a code for scrolling multiple images horizontally .
I have two questions :
1. in this code sample after every 6 img src there is this " | " character , what exactly this does and why its used .
2. in this code we can see that img src are added individually , my question is - is there any way to pull directly the image links from post , rather than adding img src individually everytime when then is a new image(link) in the forum ; I mean whenever there is a new post if that post contains any http link within the IMG bbcode , then the http link will be automatically added in the image scroll code given below ?
I mean if there is a way , I want to make it automatic ...
Can anyone please advice !!!
I have two questions :
1. in this code sample after every 6 img src there is this " | " character , what exactly this does and why its used .
2. in this code we can see that img src are added individually , my question is - is there any way to pull directly the image links from post , rather than adding img src individually everytime when then is a new image(link) in the forum ; I mean whenever there is a new post if that post contains any http link within the IMG bbcode , then the http link will be automatically added in the image scroll code given below ?
Code: Select all
<table class='forumline' width='100%' style='border: 0' cellpadding='0' cellspacing='0'>
<tr>
<td class='row1'>
<span class='postbody'>
<div>
<marquee behavior="alternate" direction="right" scrolldelay="10" scrollamount="1">
<img src="http://i35.tinypic.com/1.jpg" alt="NEW" height="80" width="80">
<img src="http://i33.tinypic.com/2.jpg" alt="XXX-LISTEN-XXX" height="80" width="80">
<img src="http://i36.tinypic.com/3.jpg" height="80" width="80">
<img src="http://i35.tinypic.com/4.jpg" height="80" width="80">
<img src="http://i38.tinypic.com/5.jpg" height="80" width="80">
<img src="http://i38.tinypic.com/6.jpg" height="80" width="80"> | <img src="http://i34.tinypic.com/7.jpg" alt="XXX-MUSIC-XXX" height="80" width="80">
<img src="http://i38.tinypic.com/8.jpg" height="80" width="80">
<img src="http://i27.tinypic.com/9.jpg" height="80" width="80">
<img src="http://i33.tinypic.com/10.jpg" height="80" width="80">
<img src="http://i33.tinypic.com/11" height="80" width="80"> | <img src="http://i37.tinypic.com/12" alt="XXX-BOOKS-XXX" height="80" width="80">
<img src="http://i37.tinypic.com/13" height="80" width="80">
<img src="http://i36.tinypic.com/14" height="80" width="60"> | <img src="http://i38.tinypic.com/15.jpg" alt="XXX-DOCU-XXX" height="80" width="80">
<img src="http://i38.tinypic.com/16.jpg" height="80" width="80">
<img src="http://i37.tinypic.com/17.jpg" height="80" width="80">
<img src="http://i33.tinypic.com/18.jpg" height="80" width="80">
<img src="http://i34.tinypic.com/19.jpg" height="80" width="80">
<img src="http://i38.tinypic.com/20.jpg" height="80" width="80"> | <img src="http://i35.tinypic.com/21.jpg" alt="XXX-MOVIES-XXX" height="80" width="80">
<img src="http://i47.tinypic.com/22.jpg" alt="Maraner" height="80" width="80">
<img src="http://i34.tinypic.com/23.jpg" height="80" width="80">
<img src="http://i33.tinypic.com/24.jpg" height="80" width="80">
<img src="http://i35.tinypic.com/25.jpg" height="80" width="80">
<img src="http://i34.tinypic.com/26.jpg" alt="Banashree" height="80" width="80">
<img src="http://img33.imageshack.us/img33/9363/27.jpg" alt="Sampradan" height="80" width="80">
<img src="http://i36.tinypic.com/28.jpg" alt="Kajol" height="80" width="80">
<img src="http://i33.tinypic.com/29.jpg" alt="Maraner" height="80" width="80"> | <img src="http://i33.tinypic.com/30.jpg" alt="XXX-TV-XXX" height="80" width="80">
<img src="http://i36.tinypic.com/31.jpg" alt="Love" height="80" width="80">
<img src="http://i37.tinypic.com/32.jpg" alt="Love" height="80" width="80">
<img src="http://i38.tinypic.com/33.jpg" alt="Love" height="80" width="80">
<img src="http://i35.tinypic.com/34.jpg" alt="NEW" height="80" width="80">
</marquee>
</div>
</span>
</td>
</tr>
</table>
I mean if there is a way , I want to make it automatic ...
Can anyone please advice !!!