• 0

CSS: images slideshow?


Question

cabron

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?

Link to post
Share on other sites

13 answers to this question

Recommended Posts

  • 0
furby

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

Link to post
Share on other sites
  • 0
cabron

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!

Link to post
Share on other sites
  • 0
jordan.

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

Link to post
Share on other sites
  • 0
RoomKid

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.

Link to post
Share on other sites
  • 0
cabron

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

Link to post
Share on other sites
  • 0
RoomKid

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;
}

Link to post
Share on other sites
  • 0
cabron

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!

Link to post
Share on other sites
  • 0
furby

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

Link to post
Share on other sites
  • 0
cabron

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.

Link to post
Share on other sites
  • 0
RoomKid

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

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.