As you may or may not have noticed, if you click on the image instead of just previewing, it brings you to another page, with just the image.

I'm here to ask if there is a way to make it so I can still basically use the image previewer, however if the image is clicked on, it will redirect to another page (not just where the image is being held). So for example, if I click on the image I am previewing, instead of taking me to .../images/pic.jpg, it will take me to something like, www.site.com/about.html

Is this possible with the script I'm currently using? If not, do you happen to know of any that can provide this functionality?

Any help would be greatly appreciated.

Thanks in advance,

Elementax

Paul_Wilkins
—
2012-03-19T01:57:16Z —
#2

Elementax said:

I'm here to ask if there is a way to make it so I can still basically use the image previewer, however if the image is clicked on, it will redirect to another page

Have you tried setting the href attribute of the link to the page that you want to redirect to?

Elementax
—
2012-03-21T02:21:22Z —
#3

paul_wilkins said:

Have you tried setting the href attribute of the link to the page that you want to redirect to?

Thanks for the reply.

And ye, I have. The problem is, the href attribute is used for the image, because essentially, when the mouse hovers of the thumbnail.jpg, it is seeing the actual pic.jpg (linked using the href). That's why I am unsure if I am able to link all of that to a whole different page.

Hopefully you understand what I'm saying If not, let me know

RyanReese
—
2012-03-21T02:59:22Z —
#4

I don't see why the href can't change (or why the image seems to only be located via the href on the anchor). Perhaps you can clear that up? Why does the script (if it does?) make it so the image SRC is taken from the anchors HREF?

Ye, that seemed to have fixed it. Once I combined both example 2 and 3 together, I was able to get what I needed. Cheers.

As a side note, am I able to make it so the image being previewed is always seen? By this I mean, if you hover over the image, it will not display under or above what you actually see in your browser? I'm not sure if this is a simple fix or not, but if it is just a simple code, I'd greatly appreciate it. If not, I'll look into it.

Thanks,

Elementax

Paul_Wilkins
—
2012-03-23T23:07:26Z —
#7

Elementax said:

As a side note, am I able to make it so the image being previewed is always seen? By this I mean, if you hover over the image, it will not display under or above what you actually see in your browser? I'm not sure if this is a simple fix or not, but if it is just a simple code, I'd greatly appreciate it. If not, I'll look into it.

I'm not sure what you mean by that. Do you have a test page that lets me see the issue?

Elementax
—
2012-03-24T03:25:37Z —
#8

Pm'd you the test page, hope that is alright.

Elementax

Paul_Wilkins
—
2012-03-24T08:55:15Z —
#9

Elementax said:

Pm'd you the test page, hope that is alright.

Would setting overflowX to be hidden on the body element get things closer to what you want?

body {
overflow-x: hidden;
}

Elementax
—
2012-03-24T15:31:45Z —
#10

paul_wilkins said:

Would setting overflowX to be hidden on the body element get things closer to what you want?