|
Post by Learning Antenna on Jun 29, 2018 8:43:04 GMT
Hi Frank. Regarding your last code, I have a question about the <body>:
<img src="dog.jpg" class="zoom" alt="girl"/>
Why "dog.jpg" and "girl"?
Is "dog.jpg" the "non-zoomed" image and "girl" the "zoomed" image? In this case, is it not missing in girl the "jpg" ending? ("girl.jpg" instead "girl").
Let me know before testing.
Thank you in advance Sam
|
|
|
Post by Frank on Jun 29, 2018 10:06:15 GMT
Test it as is...there is only one image. dog.jpg is just the name of the image, and girl is the alt (alternate text of the image, like title)
|
|
|
Post by Frank on Jun 29, 2018 22:21:19 GMT
|
|
|
Post by Frank on Jun 30, 2018 2:10:42 GMT
|
|
|
Post by Learning Antenna on Jun 30, 2018 23:20:00 GMT
Hi FRANK! Wow, boy... thank you. Yes, it works nicely. I have to play with padding, width and height (those properties you removed from HEAD code), but it works!! It seems to work nicely. But one solution brings about the next issue. If not asking too much of you... how do you link the "visual html"? (so that clicking on it opens a link in a window or iframe, etc...). It seems "visual html" objects in Antenna haven't got any link properties as a normal objects would do (image or panel, for instance). Let me know.
|
|
|
Post by Frank on Jul 1, 2018 1:36:06 GMT
I can only defend myself in HTML but this is my try... Graham understands this stuff, I struggle. But here it goes: If you want to open a test.hmt page in an light frame in using a visual html... you need to add the light frame to the page, and take note of the name. In my test its "light frame1" so. <a href="test.htm" target="light frame1"><img src="7sm.jpg" class="zoom" alt="girl"/></a> The first part is the link to test.htm, the target is the light frame1... the image you'll click is the 7sm.jpg Good luck, Frank See it in action. Like I said the code might not be the best, somebody else might be able to chime in. Click the top left image: www.threefooter.com/zoomz
|
|
|
Post by Learning Antenna on Jul 1, 2018 12:42:16 GMT
It works PERFECT! Very useful. It is amazing what you can achieve with good friends as you and Antenna! Thank you Frank.
|
|
|
Post by blueisland on Jul 13, 2021 10:30:49 GMT
Hi Frank, I see there is an answer to a problem I'm having with getting a zoom effect and I need just a little more info On your link www.threefooter.com/zoomzyou have the image "This one is done using Antenna picture not visual html.." Also I have looked at your link www.w3schools.com/howto/howto_css_zoom_hover.aspWhat code did you place in the event code editor, mouseover and mouseout sections? Or did you do something else? I am not interested in the light box feature for this, just how to enlarge an image with a transition time Thanks for any help.
|
|
|
Post by blueisland on Jul 13, 2021 10:38:02 GMT
I figure it out.
mouse over this.style.transform='scale(1.5)'; this.style.transition='transform .2s';;"
mouse out this.style.transform='scale(1.0)'; this.style.transition='transform .2s';;"
Simple.!
|
|