close ad
 
Important WebAssist Announcement
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Multiple Rotating Image Sets?

Thread began 5/29/2012 4:28 pm by dcodamo439535 | Last modified 2/13/2014 12:26 am by anonymous | 4890 views | 3 replies |

dcodamo439535

Multiple Rotating Image Sets?

Hi, I am using Dreamweaver CS5 and I wanted to create a rotating image set using Javascript.

I found a good tutorial that adapts the Swap Image behaviour to achieve what I wanted:

article.cfm?cid=651FF

It works perfectly for one set of images; however, I now want to add another seperate rotating image set into the same page.

Is there an easy way to do this? Is there a different method altogether?

Sign in to reply to this post

Jason ByrnesWebAssist

the keys to this are:
1) use a unique ID for each image tag added to the page.

2) add a separate swap image behavior for each rotator

3) create a unique image array for each one:
var imgs = new Array('images/1.jpg','images/2.jpg','images/3.jpg','images/4.jpg','images/5.jpg');

var imgs2 = new Array('images/6.jpg','images/7.jpg','images/8.jpg','images/9.jpg','images/10.jpg');

This will require a good understanding of javascript to get working.

there are a myriad of jquery scripts available that will do this to, and may be easier to use. try a google search of "jquery image rotator"

Sign in to reply to this post

dcodamo439535

Awesome

Originally Said By: Jason Byrnes
  the keys to this are:
1) use a unique ID for each image tag added to the page.

2) add a separate swap image behavior for each rotator

3) create a unique image array for each one:
var imgs = new Array('images/1.jpg','images/2.jpg','images/3.jpg','images/4.jpg','images/5.jpg');

var imgs2 = new Array('images/6.jpg','images/7.jpg','images/8.jpg','images/9.jpg','images/10.jpg');

This will require a good understanding of javascript to get working.

there are a myriad of jquery scripts available that will do this to, and may be easier to use. try a google search of "jquery image rotator"  



Thank you! I was able to use jquery to get the job done. Thanks for the insight!

Sign in to reply to this post

anonymous

The simplest way I can suggest is to load your would-be rotated images into an image web viewer, which is developed based on the advanced asp.net and javascript controls. After having embedding the multiple images, you can get into the image processing-image rotating interface of the image viewer to rotate the target images and then choose to save the rotated images into local file or memory stream. If this method can not help, I'm sorry.

Sign in to reply to this post

arron

Hi, Anonymous.
Did you mean that I should create a
web-based image viewer first and then rotate images within it? I think it is worth to have a try. But I wonder whether you have some good recommedation for me? I am a green hand on this problem. Any suggestion will be appreciated. Thanks in advance.



Best regards,
Arron

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...