Zen Lightbox addon [Support Thread]

[DarkAngel]

That's exactly what I do have. (He goes to look again, riddled with self doubt, though he's SURE that's what he typed.) Yep, what I got. Here's first image tag...

<a href="images/barrel.jpg "rel="lightbox"><img src="images/barrel.jpg" width="300" border=0  ></a>

Notice I've moved pics from directory "graphics" (on the same level of dir tree as "images" to dir "images". They are in main template folder. Have also added _MED and _LRG suffixed versions of the pics in their respective directories.

the source code I played with was from your custom page and it listed them as being in the template/images folder...hmmm

with the IH2 imstalled you may need to remove the _MED and _LRG from the names of the images...it names them with _01 and so forth for each additional image, it also used the bmz_cache folder to store its images and ignores the Larg and Med folders.

not sure if LB ignores them too or just goes to the image link....maybe not truncating the link for the actual image???

Oh yeah, someone asked the question if this was internal link. Nope, pasted the code into ez pages editor.

this is how i tested it by putting it directly into the ez page spot, but as I said...it just hangs cause I do not have the image nor that folder but the LB did come up.

Should I try making a separate page and use an internal link? Can I steal the javascript info for the header from - "view page source"? Do I need that in the header if it loads in the main page? Won't that language be called with header template?

You can tell how overwhelmingly I'm out of my depth here! Appreciate your patience.

I am not that experienced either...only been playing with css and php for a few years now but do try to rearrange and fix some things on my own test store.

I will try downloading the image then setting the path to my stor to see if it do indeed work or not.

get back to you

[DarkAngel]

just tried it on my test store

http://fantasiesrealm.com/market2/in...age=page&id=24

on the shelf image and it works

[bigdiogi]

Well this is great! Got the onClick behavior working. I thought the onHover behavior was a feature of zen Lightbox not IH. But I did figure out a work around. Stole the code from "View Source". This -

<img src="bmz_cache/b/b5233a7cfa57af0be9130f5763986905.image.150x99.jpg" alt="81" title=" 81 " width="150" height="99" style="position:relative" onmouseover="showtrail('bmz_cache/3/3ece05810123fa0c4d2a17b727d91e63.image.300x199.jpg','81',150,99,300,199,this,0,0,150,99);" onmouseout="hidetrail();"  />

And altered it to this -

<img src="images/quarter_sawn.jpg" alt="quarter_sawn.jpg"   width="200"  style="position:relative" onmouseover="showtrail('images/quarter_sawn.jpg',' ',200,150,400,300,this,0,0,200,150);" onmouseout="hidetrail();"  />

In case someone as incompetent as me stumbles across this thread, some detail. Path to image follows <img src= and showtrail( . First pair of numbers in string are width and height of image as displayed (the 200, 150). I'd constrained image size with width="200". Next two numbers are full size of image (400,300) and the last two original width and height again. Assume you could also call a larger version with a different path in the showtrail info.

Sorry if this seems like kindergarten to some of you old hands, but I had to puzzle this all out for myself. Trying to save someone else the same frustration. Love searching the threads and finding someone dealing with your issue, but their last post is "Fixed it!" with never a clue as to how. Trying to be a bit more helpful than that.

The good news is - we finally kicked it's little ######## and got the desired result. Thanks for everyone that offered help and advise. REALLY appreciate your time and effort.

[DarkAngel]

Well this is great! Got the onClick behavior working. I thought the onHover behavior was a feature of zen Lightbox not IH. But I did figure out a work around. Stole the code from "View Source". This -

<img src="bmz_cache/b/b5233a7cfa57af0be9130f5763986905.image.150x99.jpg" alt="81" title=" 81 " width="150" height="99" style="position:relative" onmouseover="showtrail('bmz_cache/3/3ece05810123fa0c4d2a17b727d91e63.image.300x199.jpg','81',150,99,300,199,this,0,0,150,99);" onmouseout="hidetrail();"  />

And altered it to this -

<img src="images/quarter_sawn.jpg" alt="quarter_sawn.jpg"   width="200"  style="position:relative" onmouseover="showtrail('images/quarter_sawn.jpg',' ',200,150,400,300,this,0,0,200,150);" onmouseout="hidetrail();"  />

In case someone as incompetent as me stumbles across this thread, some detail. Path to image follows <img src= and showtrail( . First pair of numbers in string are width and height of image as displayed (the 200, 150). I'd constrained image size with width="200". Next two numbers are full size of image (400,300) and the last two original width and height again. Assume you could also call a larger version with a different path in the showtrail info.

Sorry if this seems like kindergarten to some of you old hands, but I had to puzzle this all out for myself. Trying to save someone else the same frustration. Love searching the threads and finding someone dealing with your issue, but their last post is "Fixed it!" with never a clue as to how. Trying to be a bit more helpful than that.

The good news is - we finally kicked it's little ######## and got the desired result. Thanks for everyone that offered help and advise. REALLY appreciate your time and effort.

yay for your sugar. don't it feel grand when you figure out sumpin on your own and it works.

glad you posted how you fixed but me is a big dodo and need what file to add it to...I will keep a copy of this work around should I ever need it for someone else's store.

[bigdiogi]

yay for your sugar. don't it feel grand when you figure out sumpin on your own and it works.

Yeah it do. And so far, it's always happened before I shoot myself in total frustration!

glad you posted how you fixed but me is a big dodo and need what file to add it to...I will keep a copy of this work around should I ever need it for someone else's store.

Sorry. Trying not to talk down to this technically savvy crowd. Doctored code above simply is used to position your image on the page. It is an image tag with the necessary java script embedded within.

Just put that line where you want your pic. Make sure your path to the image is correct in both places. Fix the number string to match the dimensions of your pic. Two places for the original size, one for the "zoomed" size. And you're good to go.

Hope that walked the fine line between treating you like an idiot and assuming you know more than you do! Hard to do sometime.

Thanks again for your tremendous efforts on my behalf. I couldn't begin to do this without benefiting from the knowledge and mistakes of others.

Appreciate it.

[DivaVocals]

I've been following this and I am not sure what the original issue was or what your fix is supposed to do.. I can say this owever.. It appears that your fix overrides the IH2 hover settings. Which brings to mind the question of why use IH2's hover feature at all if you are going to hard code in your own image path and hover settings.. (or perhaps I'm misunderstanding all of this..)

Yeah it do. And so far, it's always happened before I shoot myself in total frustration!


Sorry. Trying not to talk down to this technically savvy crowd. Doctored code above simply is used to position your image on the page. It is an image tag with the necessary java script embedded within.

Just put that line where you want your pic. Make sure your path to the image is correct in both places. Fix the number string to match the dimensions of your pic. Two places for the original size, one for the "zoomed" size. And you're good to go.

Hope that walked the fine line between treating you like an idiot and assuming you know more than you do! Hard to do sometime.

Thanks again for your tremendous efforts on my behalf. I couldn't begin to do this without benefiting from the knowledge and mistakes of others.

Appreciate it.

[ScriptJunkie]

He was trying to get the lightbox effect to work on images in his ez pages.