close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

auto show effect

Thread began 3/12/2010 9:26 am by i.edwards384429 | Last modified 3/15/2010 12:59 pm by Jason Byrnes | 775 views | 3 replies |

i.edwards384429

auto show effect

Hi

got a feeling that this cant be done but what I want is when the mouse is moved over an image the larger image is revealed without a mouse click

can it be done or have a I bought the wrong item

thanks
IAn

Sign in to reply to this post

Jason ByrnesWebAssist

this can be done by modifying the javascript.

As an example, for the full size grid gallery, go to the galleries/grid_fullsize/gallery.js file and find the following code:


//click
thumb.addEvent('click', function() {
this.showImage(arguments[0]);
return false;
}.bind(this, parts[0]));



and add this code after it:

//mouseover
thumb.addEvent('mouseover', function() {
this.showImage(arguments[0]);
return false;
}.bind(this, parts[0]));
Sign in to reply to this post

i.edwards384429

update

Hi Jason

sorry to be a pain, added the code but now the thumbs appear but the loading graphic just runs and runs and runs.

Take out your code and it loads Ok

what now have is


//click
thumb.addEvent('click', function() {
this.showImage(arguments[0]);
return false;
}.bind(this, parts[0]));
}.bind(this));

//mouseover
thumb.addEvent('mouseover', function() {
this.showImage(arguments[0]);
return false;
}.bind(this, parts[0]));

thanks

Ian

Sign in to reply to this post

Jason ByrnesWebAssist

the code you have:

//click
thumb.addEvent('click', function() {
this.showImage(arguments[0]);
return false;
}.bind(this, parts[0]));
}.bind(this));

//mouseover
thumb.addEvent('mouseover', function() {
this.showImage(arguments[0]);
return false;
}.bind(this, parts[0]));



should be:

//click
thumb.addEvent('click', function() {
this.showImage(arguments[0]);
return false;
}.bind(this, parts[0]));


//mouseover
thumb.addEvent('mouseover', function() {
this.showImage(arguments[0]);
return false;
}.bind(this, parts[0]));
}.bind(this));
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...