Skip navigation
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

 
Replies
  • Currently Being Moderated
    Oct 14, 2011 6:44 AM   in reply to Lon Winters

    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:
  • Currently Being Moderated
    Oct 14, 2011 9:29 AM   in reply to cdeatherage

    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:
  • Currently Being Moderated
    Oct 14, 2011 10:25 AM   in reply to Lon Winters

    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:
  • Currently Being Moderated
    Apr 14, 2012 11:09 AM   in reply to Lon Winters

    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:
  • Currently Being Moderated
    Apr 14, 2012 11:20 AM   in reply to Lon Winters

    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:

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