Ok,
I have created a layout in RLM pro, exported it and am working with it in HTML Editor. I also have a zoom function(another js) for the photos that expands the image. The problem I'm having is getting the thumbnail image to align within the layout AND still function.
I need to take this:
<a href="images/BIG.jpg" class="MagicZoomPlus" title="short description" id="trainers" rel="zoom-width:500px; zoom-height:500px"><img src="images/SML.jpg">
And blend in with this:
<img class="image-1-1 image-2" src="img/image-1x1-6.svg" alt="Image">
And have an end result where all attributes apply. Again, the main trouble I'm seeming to have is that I can't get this img class to apply, when I seem to get it working on that end, something goes wrong with the zoom feature. I've tried splicing these together but get mixed results.
matthew rezac
Registered User
27 posts
gllincoln
Registered User
116 posts
At first glance - looks like a javascript ((or jquery) DOM element manipulation task-
Recommend you browse the W3Schools page on java DOM elements.
http://www.w3schools.com/js/js_htmldom_elements.asp
Hope this helps,
Gordon
Recommend you browse the W3Schools page on java DOM elements.
http://www.w3schools.com/js/js_htmldom_elements.asp
Hope this helps,
Gordon
Brian Durfee
Senior Advisor
1,096 posts
Do you have it on a web page where we can see everything interacting?
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
matthew rezac
Registered User
27 posts
I have toyed around with several variations, but here's a clean example.
leatherpunk.com/test1.htm
I think gllincoln might be onto something, I checked that link and know enough to know that one of those options listed on that page may be what's required, but I've not dealt with this before.
On leatherpunk.com/belts.htm you can see how the zoom is supposed to function.
leatherpunk.com/test1.htm
I think gllincoln might be onto something, I checked that link and know enough to know that one of those options listed on that page may be what's required, but I've not dealt with this before.
On leatherpunk.com/belts.htm you can see how the zoom is supposed to function.
Eric Rohloff
Senior Advisor
20,266 posts
You need to fix where your script links in the head of your page are located.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
matthew rezac
Registered User
27 posts
Do you mean, I need to relocate them?
paintbrush
Ambassador
3,816 posts
Put them within the <head></head> tags 
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
matthew rezac
Registered User
27 posts
I do that, but to really define the issue, I'm trying to apply this image class : img class="image-1-1 image-2"
To this html :
<a href="images/BIG.jpg" class="MagicZoomPlus" title="short description" id="trainers" rel="zoom-width:500px; zoom-height:500px"><img src="images/SML.jpg">
So that the image aligns where it's supposed to and displays the zoom like it's supposed to.
To this html :
<a href="images/BIG.jpg" class="MagicZoomPlus" title="short description" id="trainers" rel="zoom-width:500px; zoom-height:500px"><img src="images/SML.jpg">
So that the image aligns where it's supposed to and displays the zoom like it's supposed to.
Eric Rohloff
Senior Advisor
20,266 posts
I see on the Magic zoom plus site they have 30 min. of free support. Have you asked them?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Brian Durfee
Senior Advisor
1,096 posts
If I'm not mistaken, you can apply more than one class to an object. You might try this:
class="MagicZoomPlus image-1-1 image-2"
That won't fix the javascript issue, but it should allow you to add the class.
class="MagicZoomPlus image-1-1 image-2"
That won't fix the javascript issue, but it should allow you to add the class.
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.
Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
