CSS: images slideshow?

[cabron 15]

I don't know it its possible to create a slideshow of images with css without flash and with the capability of fade in fade out?

[furby 0]

Of course. I was doing the same thing 5 minutes ago. I went with easyslider (which I think has no fade) but check them out. Suspect one will work for you

http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials

[cabron 15]

Of course. I was doing the same thing 5 minutes ago. I went with easyslider (which I think has no fade) but check them out. Suspect one will work for you

http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials

Thanks a lot!!! Appreciate it!!!

[furby 0]

No problem, just glad you're not using flash :D

[RoomKid 15]

I use this:

http://medienfreunde.com/lab/innerfade/

Its a jQuery plugin. It's easy to use and easy to implement. :)

It has the fade effects too :)

[cabron 15]

I use this:

http://medienfreunde.com/lab/innerfade/

Its a jQuery plugin. It's easy to use and easy to implement. :)

It has the fade effects too :)

that's what I was looking for, thanks a lot!

[jordan. 9]

Yep, innerfade is great. I use it as well :yes:

[RoomKid 15]

Yep, innerfade is great. I use it as well :yes:

Especially for the advertisements. That's the most easiest jQuery slideshow plug in to use.

[cabron 15]

Guys I have a new issue with the navigation on top. I have a drop down menu and now I can't see it because the slideshow its in front interrupting the drop down menu. How I can fix this new issue? I attached the website.

mockup.zip

[RoomKid 15]

Guys I have a new issue with the navigation on top. I have a drop down menu and now I can't see it because the slideshow its in front interrupting the drop down menu. How I can fix this new issue? I attached the website.

Find #menu li ul in the website.css file. Then add in z-index: 999;

#menu li ul	{
	position: absolute;
	width: 100%;
	left: -999em;
	margin-top: 30px;
	z-index: 999;
}

[cabron 15]

Find #menu li ul in the website.css file. Then add in z-index: 999;

#menu li ul	{
	position: absolute;
	width: 100%;
	left: -999em;
	margin-top: 30px;
	z-index: 999;
}

It works, thanks a lot, I appreciate it!

[furby 0]

Not sure this is a helpful post but:

Minor - You've got a spare </div> at line 83 you can delete (not that it's affecting anything). And why have you got so many Stylesheets?

To make it work though:

#main_pictures {
	float:left;
	height:344px; 
	width:593px;
	position: relative; 
	z-index: -1;

I added the last 2 lines of code there. Hope that helps

edit/See I was beaten to it :p

[cabron 15]

Not sure this is a helpful post but:

Minor - You've got a spare </div> at line 83 you can delete (not that it's affecting anything). And why have you got so many Stylesheets?

To make it work though:

#main_pictures {
	float:left;
	height:344px; 
	width:593px;
	position: relative; 
	z-index: -1;

I added the last 2 lines of code there. Hope that helps

edit/See I was beaten to it :p

Thanks also for your contribution. The reason I have many styles its because someone in here was working in another site and I just try to incorporate these styles to the site I am working on.

[RoomKid 15]

I like having many stylesheets because it's easy to manage :p