hi ,

i have a question about this site http://www.mutinydesign.co.uk/ as you can see in the picture is a section "portfolio" and it's javascript combined with css and it's very search engine friendly because it's not flash .

 

any body can help me with a tutorial to how to create something like this ?

tanx

Have a look at any of the javascript libraries i.e mootools, jquery, scriptaculous etc.

The site you linked to is using mootools.

here you go a downloadable version of something similar

 

http://www.gimiti.com/kltan/wordpress/?p=32

I'm currently using http://www.gimiti.com/kltan/wordpress/?p=32 on one of my sites. It works like a charm. I'm using it in combination with jQuery Lightbox too. Dizi told me about jQuery a few days ago, it's brilliant.

I'm currently using http://www.gimiti.com/kltan/wordpress/?p=32 on one of my sites. It works like a charm. I'm using it in combination with jQuery Lightbox too. Dizi told me about jQuery a few days ago, it's brilliant.

hi cabbage , that's what i'm talking about . but there was problem and i can't see your portfolio page i think your image dir has been change

 

i'm sure it's will help me . tank you .

That's not my portfolio, just an example I gave you. I am using on a website i'm building at the moment though (http://simon.benanderton.co.uk) where you can see it. I've combined it with the jQuery lightbox 0.5 plugin too.

tank you cabbage i see your web site and very nice work , because i'm very begginer in liquied design i'm confused with some part of your code

here is :

 <div id="myController">
					<span class="jFlowPrev">Prev</span>
					<span class="jFlowControl jFlowSelected">1</span>
					<span class="jFlowControl">2</span>
					<span class="jFlowControl">3</span>
					<span class="jFlowControl">4</span>						
					<span class="jFlowControl">5</span>						
					<span class="jFlowControl">6</span>											  
					<span class="jFlowNext">Next</span>
				</div>

this will creat the slide show nav but were is the jflowcontrol styles !!!!!

i can't find them !! help plz

tank you cabbage i see your web site and very nice work , because i'm very begginer in liquied design i'm confused with some part of your code

here is :

 <div id="myController">
					<span class="jFlowPrev">Prev</span>
					<span class="jFlowControl jFlowSelected">1</span>
					<span class="jFlowControl">2</span>
					<span class="jFlowControl">3</span>
					<span class="jFlowControl">4</span>						
					<span class="jFlowControl">5</span>						
					<span class="jFlowControl">6</span>											  
					<span class="jFlowNext">Next</span>
				</div>

this will creat the slide show nav but were is the jflowcontrol styles !!!!!

i can't find them !! help plz

 

If you look at the top of my page you'll see a link to a CSS document called style.css (here). Inside that document are the styles for jFlowControl and myController. It's good practice to keep the CSS seperate from the content of the document, this way if you need to redesign the website at a later date you can do it all via CSS without changing the XHTML of the page.

i already did , but i can't find your jflowcontrol class but i see mycontroller .