• Sign in to Neowin Faster!

    Create an account on Neowin to contribute and support the site.

  • 0
Sign in to follow this  

CSS: images slideshow?

Question

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?

Share this post


Link to post
Share on other sites

13 answers to this question

Recommended Posts

  • 0
furby    0

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

Share this post


Link to post
Share on other sites
  • 0
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!

Share this post


Link to post
Share on other sites
  • 0
jordan.    9

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

Share this post


Link to post
Share on other sites
  • 0
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.

Share this post


Link to post
Share on other sites
  • 0
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

Share this post


Link to post
Share on other sites
  • 0
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;
}

Share this post


Link to post
Share on other sites
  • 0
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!

Share this post


Link to post
Share on other sites
  • 0
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

Share this post


Link to post
Share on other sites
  • 0
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.

Share this post


Link to post
Share on other sites
  • 0
RoomKid    15

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

Share this post


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
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.