Member Avatar for <M/>

Can anyone write a simple code for a slider that fades???? i want to do one just like the one on mbusa.com.... can anyone assist???

Thanks in advanced!

  • 5 Contributors
  • 11 Replies
  • 89 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by JorgeM
Member Avatar for hericles

Check out jQuery cycle. It is a jQuery library for slideshows with a variety of transitions. It is pretty easy to set up too.

Member Avatar for <M/>

thanks for that info, but I don't want a plugin... I want to do it purely of html5 and css3... and very little JQuery :)

Member Avatar for JorgeM

pretty sure you are still going to need at least JavaScript. jQuery is just a JavaScript library to make it easier to do client side processing.

if you take a look at the page source on mbusa.com, you'll find quite a bit of references to jQuery and JS scripts.

Member Avatar for <M/>

I know I'm gonna need it, but I don't want to write too much of jqeury... So you have any possible solutions... source codes? sites? tutorials? anything?

Member Avatar for hericles

Again you should check out jquery cycle. Beyond adding the libraries and correctly naming the divs on the page there is one script (a couple of lines) that you need to add to the page to set it all in motion.

Member Avatar for <M/>

But what if I wanted to create it myself? I don't want to have the troubles of a plugin because I want maximum control... so you have any sources but thanks for that fact...

Member Avatar for lps

If you wish for a basic fading effect, I may have a way to do it.
1. Use jquery to set the z-index of the pictures.
2. use fade() and reappend the image behind the last one while decreasing z-index of all pictures during the effect.

Member Avatar for <M/>

Can you write a snippet of code? I am learning bits and bits of jquery while I learn php/mysql

Member Avatar for pritaeas

Here's a demo I wrote a while back (zip and demo available).

Member Avatar for <M/>

Thanks for the resource :)
Problem with the jquery file is that when I open it gives me a massive document (jquery-1.4.2.min.js)... is this supposed to happen?

Member Avatar for JorgeM

Instead of hosting your own jQuery file, it makes more sense to reference it from a CDN. The reason is that more than likely, a visitor has already downloaded the jQuery file and has it cached. When the visitor accesses your site, downloading jQuery will not be necessary.

Read more..
http://docs.jquery.com/Downloading_jQuery

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.