HELP WITH BLENDING CODE

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
114 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,038 posts
Online Now

Do you have it on a web page where we can see everything interacting?
How-To Instructions for Coffeecup Users (tutorials, examples, and downloads)
http://usconsumernet.net/help-for-coffe … -users.php

Personal & Specialized Help for Coffeecup Users
Email me at cchelp@uscni.org or call 865-687-7698
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
18,728 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.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
https://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
https://progrower.coffeecup.com/shop/
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


Administrator
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
18,728 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.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
https://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
https://progrower.coffeecup.com/shop/
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,038 posts
Online Now

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.
How-To Instructions for Coffeecup Users (tutorials, examples, and downloads)
http://usconsumernet.net/help-for-coffe … -users.php

Personal & Specialized Help for Coffeecup Users
Email me at cchelp@uscni.org or call 865-687-7698

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.