Highlighted

Swapping a single image multiple times in dreamweaver

New Here ,
Mar 10, 2018

Copy link to clipboard

Copied

Hi there,

I am a 4th year student in university using dreamweaver for the first time and I am trying to make it so a single image when clicked on will swap to a different image, then when clicked on again will swap to a different image.  For example, image 1 when clicked on will swap to image 2, and when clicked on again will swap to image 3, and when clicked on again will swap to image 4, etc.  I was able to figure out how to do a single image swap, but I was wondering if it is at all possible to do multiple.

Thank you!!

Yes, you can do it quite easily using JavaScript. There's nothing built into Dreamweaver that will handle it for you, but I suggest you take a look at a lightbox solution, such as fancyBox.

Views

176

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Swapping a single image multiple times in dreamweaver

New Here ,
Mar 10, 2018

Copy link to clipboard

Copied

Hi there,

I am a 4th year student in university using dreamweaver for the first time and I am trying to make it so a single image when clicked on will swap to a different image, then when clicked on again will swap to a different image.  For example, image 1 when clicked on will swap to image 2, and when clicked on again will swap to image 3, and when clicked on again will swap to image 4, etc.  I was able to figure out how to do a single image swap, but I was wondering if it is at all possible to do multiple.

Thank you!!

Yes, you can do it quite easily using JavaScript. There's nothing built into Dreamweaver that will handle it for you, but I suggest you take a look at a lightbox solution, such as fancyBox.

Views

177

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Mar 10, 2018 0
LEGEND ,
Mar 11, 2018

Copy link to clipboard

Copied

Yes, you can do it quite easily using JavaScript. There's nothing built into Dreamweaver that will handle it for you, but I suggest you take a look at a lightbox solution, such as fancyBox.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 11, 2018 1
Adobe Community Professional ,
Mar 11, 2018

Copy link to clipboard

Copied

You could combine Bootstrap's modal window with a carousel slider.  Clicking arrows will cycle through images.  See screenshot.

Tutorial:

Bootstrap Modal + Carousel Gallery - https://alt-web.com/

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Mar 11, 2018 1