How Do I Get This

[jagdotme]

I need the image scroller like the one this site

Rankin


Cheers

 

[OrangeNick]

It's just the way they coded it. It's not a script or anything. Here is the code they used

		<div id="portfolioContainer" class="fixedwidth">
				<div style="width:250px; height:450px; clear:none; float:left; white-space:normal;" ><table><tr><td><img src="/portfolios/specialprojects/010_OXFAM CONGO.jpg"></td><td><img src="/portfolios/specialprojects/020.jpg"></td><td><img src="/portfolios/specialprojects/030.jpg"></td><td><img src="/portfolios/specialprojects/040.jpg"></td><td><img src="/portfolios/specialprojects/050.jpg"></td><td><img src="/portfolios/specialprojects/060.jpg"></td><td><img src="/portfolios/specialprojects/070.jpg"></td><td><img src="/portfolios/specialprojects/071.jpg"></td><td><img src="/portfolios/specialprojects/072.jpg"></td><td><img src="/portfolios/specialprojects/073.jpg"></td><td><img src="/portfolios/specialprojects/074.jpg"></td><td><img src="/portfolios/specialprojects/080_MACALLAN.jpg"></td><td><img src="/portfolios/specialprojects/081.jpg"></td><td><img src="/portfolios/specialprojects/090 0007 1D7MR37A.jpg"></td><td><img src="/portfolios/specialprojects/100 0475 100C92037L.jpg"></td><td><img src="/portfolios/specialprojects/110 1L7MR46A3.jpg"></td><td><img src="/portfolios/specialprojects/111 1L7MR46A7.jpg"></td><td><img src="/portfolios/specialprojects/112 0583 100C92037L10.jpg"></td><td><img src="/portfolios/specialprojects/113 0758 1M7MR4OB4.jpg"></td><td><img src="/portfolios/specialprojects/114 0859 1J7MW61A3.jpg"></td><td><img src="/portfolios/specialprojects/115 0201 1G7MW34B3.jpg"></td><td><img src="/portfolios/specialprojects/116 0470 100C92037L.jpg"></td><td><img src="/portfolios/specialprojects/117 0348 1A8MW70C2.jpg"></td><td><img src="/portfolios/specialprojects/290_BRITISH_INDEPENDENT_FILM_AWARDS.jpg"></td><td><img src="/portfolios/specialprojects/291 002 11 012f4.jpg"></td><td><img src="/portfolios/specialprojects/292 4002 34 017f3.jpg"></td><td><img src="/portfolios/specialprojects/293 4002 36 074f3.jpg"></td><td><img src="/portfolios/specialprojects/294 4002 28 0122f3.jpg"></td><td><img src="/portfolios/specialprojects/296 4002 24 0272f1.jpg"></td><td><img src="/portfolios/specialprojects/297 4002 2 034f5.jpg"></td><td><img src="/portfolios/specialprojects/298 4002 22 022f3.jpg"></td><td><img src="/portfolios/specialprojects/299 4002 8 026f6.jpg"></td><td><img src="/portfolios/specialprojects/300_EYESCAPES.jpg"></td><td><img src="/portfolios/specialprojects/310 12227f3cc.jpg"></td><td><img src="/portfolios/specialprojects/320 23749f2v2.jpg"></td><td><img src="/portfolios/specialprojects/330 237413f3v6.jpg"></td><td><img src="/portfolios/specialprojects/340 237416f2v1.jpg"></td><td><img src="/portfolios/specialprojects/350 237417f4.jpg"></td><td><img src="/portfolios/specialprojects/360_TUULITASTIC.jpg"></td><td><img src="/portfolios/specialprojects/361 jTuuliTastic P 085 207110f1.jpg"></td><td><img src="/portfolios/specialprojects/362 1TuuliTastic P 056057 21746ccF1.jpg"></td><td><img src="/portfolios/specialprojects/364 TuuliTastic P 044 045 3839 25 089f5.jpg"></td><td><img src="/portfolios/specialprojects/366 TuuliTastic P 098 099 2265 1f5.jpg"></td><td><img src="/portfolios/specialprojects/367 1TuuliTastic P 034 3839 19 061f2.jpg"></td><td><img src="/portfolios/specialprojects/368 TuuliTastic P 109 2133 59cc.jpg"></td><td><img src="/portfolios/specialprojects/369 Sofasosexy CoverFlaps 15 55 21.jpg"></td><td><img src="/portfolios/specialprojects/370 TuuliTastic P 053 22659f2.jpg"></td><td><img src="/portfolios/specialprojects/371 3839 27v2f7final.jpg"></td><td><img src="/portfolios/specialprojects/372 1TuuliTastic P 000 001 front inlay 2038 331f1.jpg"></td><td><img src="/portfolios/specialprojects/373 213340ccf5.jpg"></td><td><img src="/portfolios/specialprojects/374_BREEDING.jpg"></td><td><img src="/portfolios/specialprojects/375 BREEDING P51 RASA.jpg"></td><td><img src="/portfolios/specialprojects/376 BREEDING P08 KATE.jpg"></td><td><img src="/portfolios/specialprojects/378 BREEDING P45 HELENA.jpg"></td><td><img src="/portfolios/specialprojects/379 B326443 F1FINAL.jpg"></td><td><img src="/portfolios/specialprojects/380 BREEDING P28 HOBI.jpg"></td><td><img src="/portfolios/specialprojects/381 BREEDING P33 JESSICA.jpg"></td><td><img src="/portfolios/specialprojects/382 BREEDING P44 ANOUCK.jpg"></td><td><img src="/portfolios/specialprojects/400_ONE DRESS.jpg"></td><td><img src="/portfolios/specialprojects/410 186755f1RGBFINAL.jpg"></td><td><img src="/portfolios/specialprojects/420 054055 Beautyfull 186754f1.jpg"></td><td><img src="/portfolios/specialprojects/430 18673f3.jpg"></td><td><img src="/portfolios/specialprojects/440 1867 31f1FINALRGB.jpg"></td><td><img src="/portfolios/specialprojects/450 186758f3FINALRGB.jpg"></td><td><img src="/portfolios/specialprojects/460 186716newflat.jpg"></td><td><img src="/portfolios/specialprojects/500_SNOG.jpg"></td><td><img src="/portfolios/specialprojects/510 2119snog2f1 1.jpg"></td><td><img src="/portfolios/specialprojects/520 186481f1 1.jpg"></td><td><img src="/portfolios/specialprojects/530 SNOGBOOKCOVER 1.jpg"></td><td><img src="/portfolios/specialprojects/540 2119snog1f1 1.jpg"></td><td><img src="/portfolios/specialprojects/550 2119snog3f1 1.jpg"></td><td><img src="/portfolios/specialprojects/610_FRONT_ROW_FOR_SOUTHBANK_CENTRE_ROYAL_FESTIVAL_HALL.jpg"></td><td><img src="/portfolios/specialprojects/620 231621f4.jpg"></td><td><img src="/portfolios/specialprojects/630 23803f2.jpg"></td><td><img src="/portfolios/specialprojects/640 23169f6.jpg"></td><td><img src="/portfolios/specialprojects/650 238032f2.jpg"></td><td><img src="/portfolios/specialprojects/660 238029f4.jpg"></td><td><img src="/portfolios/specialprojects/700_SOFASOSEXY.jpg"></td><td><img src="/portfolios/specialprojects/711 Sofasosexy (p 055A).jpg"></td><td><img src="/portfolios/specialprojects/720 Sofasosexy p 088089.jpg"></td><td><img src="/portfolios/specialprojects/730 Sofasosexy p 042A.jpg"></td><td><img src="/portfolios/specialprojects/731 Sofasosexy (p 043B).jpg"></td><td><img src="/portfolios/specialprojects/740 Sofasosexy p 043A.jpg"></td><td><img src="/portfolios/specialprojects/750 Sofasosexy p 027B.jpg"></td><td><img src="/portfolios/specialprojects/760 Sofasosexy p 100D.jpg"></td><td><img src="/portfolios/specialprojects/800_ME ME ME.jpg"></td><td><img src="/portfolios/specialprojects/805 Claudiaf3.jpg"></td><td><img src="/portfolios/specialprojects/810 20058F2.jpg"></td><td><img src="/portfolios/specialprojects/830 kate23936f10.jpg"></td><td><img src="/portfolios/specialprojects/840 Rankmadbwf1.jpg"></td><td><img src="/portfolios/specialprojects/860 Twofacedcuntf1.jpg"></td><td><img src="/portfolios/specialprojects/861 Debbie Harry comp f2.jpg"></td><td><img src="/portfolios/specialprojects/870 3940 1 031f5.jpg"></td></tr><tr><td> OXFAM CONGO</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td> MACALLAN</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td> BRITISH INDEPENDENT FILM AWARDS</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td> EYESCAPES</td><td></td><td></td><td></td><td></td><td></td><td> TUULITASTIC</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td> BREEDING</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td> ONE DRESS</td><td></td><td></td><td></td><td></td><td></td><td></td><td> SNOG</td><td></td><td></td><td></td><td></td><td></td><td> FRONT ROW FOR SOUTHBANK CENTRE ROYAL FESTIVAL HALL</td><td></td><td></td><td></td><td></td><td></td><td> SOFASOSEXY</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td> ME ME ME</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr></table></div>

		
		  
			
		</div>

 

[BlackID]

It's great, are there frame code?

 

[OrangeNick]

It's great, are there frame code?

No, its in the css

.fixedwidth 
{
    
	/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
	/* width:3000px; */
	width:1000px;
	height:500px;
	white-space: nowrap;
	position: relative;
	color: black;
	padding: 1px;
}

 

[Arsonistx]

All you really have to do is make a table, format it with CSS, and place images in there. Very easy to do, you could find your answer by searching Google.

 

[jagdotme]

is there any good video around i.e youtube etc


Thanks all for the post so far but still no joy

Im using dreamweaver cs4

 

[jagdotme]

What I've done so far


home



is this ok apart from loading slow, I think thats due to the bigger QTY