Highlighted

Scale image from 100x100 to 200x200 on rollover?

Explorer ,
Jan 28, 2020

Copy link to clipboard

Copied

Needing (HTML?) to scale the dimension of an image frame from 100 pixel square to 200 pixel square. 

(The source image is 400x400.)

Can this be done with inserted HTML? or better through some widget?

(Have not found widget that does what is described above.)

TOPICS
Responsive design

Views

559

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

Scale image from 100x100 to 200x200 on rollover?

Explorer ,
Jan 28, 2020

Copy link to clipboard

Copied

Needing (HTML?) to scale the dimension of an image frame from 100 pixel square to 200 pixel square. 

(The source image is 400x400.)

Can this be done with inserted HTML? or better through some widget?

(Have not found widget that does what is described above.)

TOPICS
Responsive design

Views

560

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
Jan 28, 2020 0
LEGEND ,
Jan 29, 2020

Copy link to clipboard

Copied

This is possible.

Look at my sample .muse file, where I demonstrate 3 different ways to achieve, what you want:

https://www.dropbox.com/s/qtbftummygtk8gx/Rollover-image-scaling.muse?dl=1 

If you have problems to understand the construction, please ask!

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...
Jan 29, 2020 0
Explorer ,
Jan 30, 2020

Copy link to clipboard

Copied

Thank You Günter!

I purchased the Image Expand widget from MuseThemes and I'm pleased with the result: melristau.com

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...
Jan 30, 2020 0
LEGEND ,
Jan 30, 2020

Copy link to clipboard

Copied

Another way to fix the issue! MuseThemes widgets often are a good idea!

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...
Jan 30, 2020 0
Adobe Community Professional ,
Feb 02, 2020

Copy link to clipboard

Copied

Just seeing this but since Muse will EOL and this sort of stuff is VERY simple in pure CSS it will be good to learn:

 

https://codepen.io/thenexus00/pen/mdyNqPR

 

CSS Transform, code done in under 2 minutes.

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...
Feb 02, 2020 1
LEGEND ,
Feb 02, 2020

Copy link to clipboard

Copied

Funny! It is not done with dropping a link to a code snippet, if someone doesn't want or need to code or isn't working within an website creation environment, which is based on coding.

I'd never would recommend somebody to learn coding for "standard", private web sites in a time, where obviously "no code" ways of building sites are the future.

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...
Feb 02, 2020 0
Explorer ,
Feb 03, 2020

Copy link to clipboard

Copied

Yes—I've coded so much of my life away you couldn't pay me enough to learn even 2 minutes of CSS.  CSS will have its own EOL in the near future. 🤔

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...
Feb 03, 2020 1