Is this possible with jQuery, CSS and HTML?

[jonasfredin]

Hi there.

A couple of months ago I was surfing around on flashden.net for inspiration and came over this example of a portfolio website – http://activeden.net/item/portfolio-web … ular/10267 – The first thing catching my eyes was the image-slider and how neat it was. I mean, the concept of an image-gallery from the center of the browser-window and everlasting to the right with a transparent background semi-covering the images out of focus was new to me. My question is as simple as this: Can something like this being done with jQuery, CSS and HTML?

In advance, thanks.

Link: http://activeden.net/item/portfolio-web … ular/10267
Direct link to the portfolio website: http://activeden.net/item/portfolio-web … view/10267

[Chris Coyier]

Sure. It’s not all that different than the AnythingSlider from here. Just no individual navigation and styled up a bit differently.

[jonasfredin]

Oh, I’m glad to hear that. But i want to ask you one more favor. Since my jQuery skills are nothing to brag about yet (working on it thanks to css-tricks), I dare to ask you one more favor. Could you please find the time to write the lines necessary to make a slider similar to the one at flashden.net?

Question: Lets say I’ve created a div-tag and styled it like this – (width: 900px; float: 20px auto;) – Then I chose to place the image-slider with a total width of 3000px (due to, let’s say 10 images in a row) inside this div-tag. Will the slider display as it does on the portfolio website at flashden.net? I mean, will the jQuery slider overwrite the div-tags width of 900px?

Ty. Jonas

[jonasfredin]

It has been a long time since i first posted here, and the answer provided by Chris was usefull. But I’m still wondering if theres anybody out there who could help me with the question posted July 25.

In advance, thanks.

[Author]

Posts