HELP WITH BLENDING CODE - Post ID 246105

User 2747726 Photo


Registered User
27 posts

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.
User 515127 Photo


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
User 10077 Photo


Senior Advisor
1,095 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 training for Site Designer and Web Form Builder via Zoom.
Email me at support@usconsumernet.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/
User 2747726 Photo


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.
User 187934 Photo


Senior Advisor
20,181 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
User 2747726 Photo


Registered User
27 posts

Do you mean, I need to relocate them?
User 271657 Photo


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
User 2747726 Photo


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.
User 187934 Photo


Senior Advisor
20,181 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
User 10077 Photo


Senior Advisor
1,095 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.
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including training for Site Designer and Web Form Builder via Zoom.
Email me at support@usconsumernet.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.