Support Forums
Shadowbox Help? - Printable Version

+- Support Forums (https://www.supportforums.net)
+-- Forum: Categories (https://www.supportforums.net/forumdisplay.php?fid=87)
+--- Forum: Webmaster Support (https://www.supportforums.net/forumdisplay.php?fid=36)
+---- Forum: Website Development (https://www.supportforums.net/forumdisplay.php?fid=43)
+---- Thread: Shadowbox Help? (/showthread.php?tid=21850)

Pages: 1 2


Shadowbox Help? - Fragma - 08-31-2011

Basically I've added a shadowbox feature to my site for the gallery section, however because I'm displaying the content of thepage through an iFrame, the shadowbox is also contained within the iFrame, making it quite pointless, as the image remains small. What I'm wondering is if there's a way of clicking the link in the iFrame, but then having the Shadowbox open in the main window??

You can see what I mean here: http://www.fragma.me (click the gallery link @ the bottom).




RE: Shadowbox Help? - Inventor - 08-31-2011

Are you looking for somthing like what I have in my site?
Click on a photo : http://techbuilderslab.co.cc/RadioProjects.html

Or do you want a smaller shadow?

Inventor


RE: Shadowbox Help? - Fragma - 08-31-2011

(08-31-2011, 10:16 AM)Inventor Wrote: Are you looking for somthing like what I have in my site?
Click on a photo : http://techbuilderslab.co.cc/RadioProjects.html

Or do you want a smaller shadow?

Inventor

No I think you've totally misunderstood me.
Click an image on my gallery page. You'll see the image opens in a "Shadowbox" which darkens out the page to show the image enlarged.




RE: Shadowbox Help? - AceInfinity - 08-31-2011

IFRAME's can have embedded CSS and styles that apply to only the frame itself. To get it to your entire page, you will have to take those files out to use them with the page your on and not just the IFRAME, whether it's javascript, php, etc...


RE: Shadowbox Help? - Fragma - 08-31-2011

(08-31-2011, 10:50 AM)Ace Wrote: IFRAME's can have embedded CSS and styles that apply to only the frame itself. To get it to your entire page, you will have to take those files out to use them with the page your on and not just the IFRAME, whether it's javascript, php, etc...

I'm not wanting the whole iFrame to show on the entire page, just the Shadowbox within the iFrame.


RE: Shadowbox Help? - Inventor - 08-31-2011

Well, the shadow box only opens inside the Iframe in a android browser, I haven't seen it on a PC browser yet.


RE: Shadowbox Help? - AceInfinity - 08-31-2011

(08-31-2011, 10:53 AM)Fragma Wrote: I'm not wanting the whole iFrame to show on the entire page, just the Shadowbox within the iFrame.

that's what I meant, but you have to take the file out and specify that you want it on the entire page. It's designed to work inside the IFRAME. Where is your IFRAME location? There must be a script that is embedded in the IFRAME for that shadow


RE: Shadowbox Help? - Fragma - 08-31-2011

The iFrame's location is /gallery.php
I know I have to specify that I want it on the entire page, but that's what I don't know how to do.


RE: Shadowbox Help? - AceInfinity - 08-31-2011

(08-31-2011, 11:05 AM)Fragma Wrote: The iFrame's location is /gallery.php
I know I have to specify that I want it on the entire page, but that's what I don't know how to do.

Do you have the actual script for the shadow box that you're using?


RE: Shadowbox Help? - Fragma - 08-31-2011

(08-31-2011, 11:19 AM)Ace Wrote: Do you have the actual script for the shadow box that you're using?

/shadowbox.css
/shadowbox.js

And for the HTML:

Code:
<link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>

Code:
<a href="gallery/1.png" rel="shadowbox">Link</a>