Skip navigation
chateau21
chateau21
Currently Being Moderated

Creating a Slideshow in Dreamweaver or Adobe Bridge?

Aug 3, 2012 8:37 AM

Hi there

 

I was wondering if anyone has any advice on creating a slideshow?

I've created the basic pages pages for my site in dreamweaver, but I'm reading conflicting information on how to create a slideshow

It would be a homepage continuous slideshow, not one that is controlled, it just keeps sliding images across:

 

This sort of slideshow I'm looking to create

http://www.sotostore.com/

http://www.vooberlin.com/page/home

 

Do I need to create this in bridge? Or somewhere else? Or in Dreamweaver?

If it os in bridge, how do I then put this into my dreamweaver site?

Does anyone have any step by step instructions?

This is my second site, so I know what I'm doing, but I'm still very new at it

 

Thanks in advance

708 Views   4 Replies   Latest reply: Nancy O., Aug 3, 2012 10:30 AM
 
Replies
  • Nancy O.
    Currently Being Moderated
    1. Nancy O.,
    Aug 3, 2012 9:44 AM   in reply to chateau21
    Report

    Your examples are called image sliders.  Below are 2 that work with jQuery:

     

    Nivo Slider

    http://nivo.dev7studios.com/

     

    WOW Slider

    http://wowslider.com/

     

    Bridge isn't the right tool for making image sliders.

     

     

    Nancy O.

     
    |
    Mark as:
  • dhosford
    Currently Being Moderated
    2. dhosford,
    Aug 3, 2012 9:52 AM   in reply to chateau21
    Report

    Hi there and welcome,

     

      Since you mentioned that you're very new to web and dreamweaver, I would suggest looking up gallery plugin solutions. There's lots of free galleries out there that you could easily drop your own content into that would save you time. : ) Here's some great examples:

    http://www.1stwebdesigner.com/css/fresh-jquery-image-gallery-display-s olutions/

     

      However, there are ways to create your own. This tutorial by David Powers is really great for using CSS to do transitions on content. I would apply the same technique he used here in your own gallery/slideshow.

    http://www.adobe.com/devnet/dreamweaver/articles/css-transitions-panel .html

     

      Have you tried using Adobe Edge? This is the new HTML5/CSS3/Javascript publishing application and it is very simple to create a gallery in Adobe Edge. It's currently free for download because it's still in prerelease. Here's a tutorial that might be a little dated as far as UI goes (again the prerelease versions tend to change very quickly with their UI development) but you should be able to apply the techniques to the most recent release:

    http://www.youtube.com/watch?v=lzsfWx8AQpg

     

    Download Edge here:

    http://edge.adobe.com/

     

    I hope this helps!

     
    |
    Mark as:
  • chateau21
    Currently Being Moderated
    3. chateau21,
    Aug 3, 2012 10:05 AM   in reply to Nancy O.
    Report

    Thanks Nancy,

     

    That's very helpful

     

    Will the jQuery slider be compatible with the dreamweaver site?

     

    Thankyou

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    4. Nancy O.,
    Aug 3, 2012 10:30 AM   in reply to chateau21
    Report
    Will the jQuery slider be compatible with the dreamweaver site?

    Of course.  jQuery is a very popular JavaScript library used by most web developers.

     

    Nancy O.

     
    |
    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