Skip navigation
Lon Winters
Lon Winters
Currently Being Moderated

Looking to replace a Flash Slideshow/Banner with something more universal

Oct 13, 2011 8:25 PM

This site has a Flash Slideshow banner thingie -

 

http://www.ddbikes.com/

 

- that I wouls like to replace with something jQuery or other AJAXie solution for the obvious reasons of cross-platform compatibility. I've seen a few sites, well, many many sites that do this i some fashion or another and my next step is to go digging through the code to see what's being used and how. But I thought I'd start here first to maybe get a head start if anyone can point me to any scripts or solutions.

 

The requirements are pretty basic, but they are requirements. From experience, I know that a lot of these scripts can maybe do 3 out of 4 things out of the box, but that 4th thing can end up being troublesome. So it needs to -

 

  • Rotate through a set of images with the ability to set the time between transitions
  • Transitions can be simple fades, the blurring effect is optionsl
  • Optional place links on images
  • Some way to manually advance to another image - thumgnmail, other image, whatever.
  • Toolyiip on rollover of these advance buttons/images
  • AND - somewhat easy to update. The person doing the updating has no trouble with getting into the code view and updating image names and links, etc.

 

Anyone have any favorite solutions for this?  Thanks!

 

Lon

825 Views   7 Replies   Latest reply: Nancy O., Apr 14, 2012 11:20 AM
 
Replies
  • cdeatherage
    Currently Being Moderated
    1. cdeatherage,
    Oct 14, 2011 6:44 AM   in reply to Lon Winters
    Report

    If you haven't already, investigate Project Seven, which has several solutions and is a solid source. www.projectseven.com

     

    Chris

    www.cdeatherage.net

     
    |
    Mark as:
  • Rob Hecker2
    Currently Being Moderated
    2. Rob Hecker2,
    Oct 14, 2011 9:29 AM   in reply to cdeatherage
    Report

    Well, here is a link to the jquery slideshow I like. My requirements are not the same as yours, so you will have to take a look to see if it meets your needs.

     

    It is really easy to update. Just change the images in the directory.

     

    http://jquery.malsup.com/cycle/

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    3. Nancy O.,
    Oct 14, 2011 10:25 AM   in reply to Lon Winters
    Report

    I use this jQuery slidebox on my site (customized to my requirements). 

    http://manos.malihu.gr/slidebox-jquery-banner-rotator

     

    Adobe Widget Exchange has Spry Content Slideshow

    http://alt-web.com/sandbox/Spry-test.html

     

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

    http://twitter.com/altweb

     
    |
    Mark as:
  • Lon Winters
    Currently Being Moderated
    4. Lon Winters,
    Oct 14, 2011 10:59 AM   in reply to Nancy O.
    Report

    Thank you to all! I'm sure I'll be able to make at least one of those work as needed from the initial look, I'll have to dig a little deeper now.

     

    The Project Seven is appealing because it's an extension, but it's a little pricey. And often, there are limits to customizing extension output, or at best, it involves the same amount of work as starting with an open source script. I posted a Pre sales question on their form with some specific questions about customization, so I'll see what they have to say about it.

     

    Thanks again! All the replies are helpful, and none are incorrect. Can I mark them all as correct answers?

     
    |
    Mark as:
  • Lon Winters
    Currently Being Moderated
    5. Lon Winters,
    Apr 14, 2012 10:18 AM   in reply to Lon Winters
    Report

    Getting back to this after a spell -

     

    I've been working with the Cycle plug in but may have to move in to something else - I'm running into too many browser inconsistencies. I've found many many plugins, and would purchase but so far each one lacks something another has and so on.

     

    The Project Seven extension looks good, but only offers two transition types. Perhaps the Spry widget will work out will it play well with a Spry accordion on the same page?

     
    |
    Mark as:
  • mhollis55
    Currently Being Moderated
    6. mhollis55,
    Apr 14, 2012 11:09 AM   in reply to Lon Winters
    Report

    Lon, you can use multiple Dreamweaver plugins and multiple "Widgets" on the same page.

     

    Here's a pseudo-code example:

     

    (within the <head> section):

     

    <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>

    <script type="text/javascript" src="js/widget1.js"></script>

    <script type="text/javascript" src="js/widget2.js"></script>…

     

    Then, to the extent your widgets call styles, place the links to stylesheets below that.

     

    </head>

    <body>

    …

    place your widgets in the body as divs, either as a Class or an ID and don't forget to close the tags.

    …

    </body>

    </html>

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    7. Nancy O.,
    Apr 14, 2012 11:20 AM   in reply to Lon Winters
    Report

    You can have multiple Spry widgets on the same page however it works best if you use the same Spry UI version for all.

    This working demo shows one page with:

    • Spry Menu 2.0,
    • Spry Tabbed Panels 2.0
    • Spry Content Slideshow 

     

    View the source code to see which Spry support files are common to all widgets and which are specific to each widget.

    http://alt-web.com/DEMOS/Spry-test.html

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points