Picture in center, switched by tumbnails beneath

liunx

Guest
Hi,<br /><br />I'm a beginner for when it comes to web design and I basically style="vertical-align:middle" emoid=":p" border="0" alt="tongue.gif" /><!--content-->
<!--quoteo(post=16499:date=Nov 14 2007, 12:43:name=Jmz)--><div class='quotetop'>QUOTE(Jmz @ Nov 14 2007, 12:43) <img src='http://www.webdesignerforum.co.uk/style_images/1/post_snapback.gif' alt='*' border='0' /></div><div class='quotemain'><!--quotec-->I'd do this in xhtml/css and use javascript to swap the images without refreshing the page.<br /><br />I'll post an example up later style="vertical-align:middle" emoid=":p" border="0" alt="tongue.gif" /><!--QuoteEnd--></div><!--QuoteEEnd--><br /><br />Thank, yes, please do <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /><!--content-->
This Tutorial is the sort of thing you need. All you have to do is change the html so that the links are the thumbnails rather than the list items.<!--content-->
<!--quoteo(post=16505:date=Nov 14 2007, 13:38:name=Jmz)--><div class='quotetop'>QUOTE(Jmz @ Nov 14 2007, 13:38) <img src='http://www.webdesignerforum.co.uk/style_images/1/post_snapback.gif' alt='*' border='0' /></div><div class='quotemain'><!--quotec-->This Tutorial is the sort of thing you need. All you have to do is change the html so that the links are the thumbnails rather than the list items.<!--QuoteEnd--></div><!--QuoteEEnd--><br /><br />that is frickin' perfect, thanks a bunch<!--content-->
<!--quoteo(post=16515:date=Nov 14 2007, 14:55:name=Nejv)--><div class='quotetop'>QUOTE(Nejv @ Nov 14 2007, 14:55) <img src='http://www.webdesignerforum.co.uk/style_images/1/post_snapback.gif' alt='*' border='0' /></div><div class='quotemain'><!--quotec-->that is frickin' perfect, thanks a bunch<!--QuoteEnd--></div><!--QuoteEEnd--><br /><br />i can't make it work, am i supposed to load some kind of java-class?<br /><br />can i just put the javatext into a html-document or do i need to do something else?<br /><br />i've never used java for webdesigning.. did some regu programming in it a couple of years ago<br /><br />please help? <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /><br /><br />god i feel stupid <img src="http://www.webdesignerforum.co.uk/style_emoticons/default/biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /><br /><br />regards<!--content-->
What do you mean you cant make it work lol, which part isnt working?<br /><br />Java and javascript are totally different things, be careful not to mix them up! The tutorial I posted the link to uses javascript.<!--content-->
<br /><br /><div class='codetop'>CODE</div><div class='codemain' style='height:200px;white-space:pre;overflow:auto'><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><br /><title>Untitled Document</title><br /><br /><script type="text/javascript" language="javascript"><br />function showPic (whichpic) {<br /> if (document.getElementById) {<br /> document.getElementById('placeholder')?br /> .src = <!-- m --><a class="postlink" href="http://www.webdesignerforum.co.uk/lofiversion/index.php/whichpic.href;">http://www.webdesignerforum.co.uk/lofiv ... hpic.href;</a><!-- m --><br /> if (whichpic.title) {<br /> document.getElementById('desc')?br /> .childNodes[0].nodeValue = whichpic.title;<br /> } else {<br /> document.getElementById('desc')?br /> .childNodes[0].nodeValue = whichpic.childNodes[0].nodeValue;<br /> }<br /> return false;<br /> } else {<br /> return true;<br /> }<br />}<br /></script><br /><br /></head><br /><br /><body><br /><p>daaaamp</p><br /><p> </p><br /><br /><p id="desc">Choose an image to begin</p><br /><img id="placeholder" src=http://www.webdesignerforum.co.uk/lofiversion/index.php/"images/4.jpg" alt="" /><br /><br /><br /><ul><br /><li><a target="_blank">CSS Play. Look under 'Demos - Photo galleries' on the left.<!--content-->
 
Back
Top