- Joined
- Jan 31, 2008
- Messages
- 5,768
hihi, im using a template to create a photography site for my self, its got this lovely half coded gallery part to it (as to be expect seeing as its free) I wonder if anyone can suggest how it could be finished?
HTML sectoion:
CSS section :
currently as you can see it links to # (reloads the page with # at the end of the url)
id like to get it to be able to cycle through a few photos but don't know the code to do that. any one that can give me a hand will be much loved, and iv got loads of cc if you want some in return.
HTML sectoion:
HTML:
<div class="galary_box">
<a href="#" class="arrow_l"></a>
<a href="#" class="arrow_r"></a>
<ul class="galary">
<li><a href="#"><img alt="p1" src="css/img/img1.jpg" /></a></li>
<li><a href="#"><img alt="p2" src="css/img/img2.jpg" /></a></li>
<li><a href="#"><img alt="p3" src="css/img/img3.jpg" /></a></li>
</ul>
CSS section :
HTML:
#content .galary_box { position:relative; width:100%; }
#content .galary_box .arrow_l, #content .galary_box .arrow_r { position:absolute; width:77px; height:81px; top:50%; margin-top:-40px; }
#content .galary_box .arrow_l { background:url(img/g_arrow_l.png) no-repeat center center; }
#content .galary_box .arrow_r { background:url(img/g_arrow_r.png) no-repeat center center; right:0; }
#content .galary_box .galary { padding:0 77px; }
#content .galary_box .galary li { float:left; display:block; }
currently as you can see it links to # (reloads the page with # at the end of the url)
id like to get it to be able to cycle through a few photos but don't know the code to do that. any one that can give me a hand will be much loved, and iv got loads of cc if you want some in return.








