PDA

View Full Version : Image from DHTML Window Widget pop-up window lightbox now working



Millie
05-25-2015, 12:52 AM
1) DHTML Window Widget

2) http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/index.htm

3) Using Dynamic Drive DHTML Window Widget (http://www.dynamicdrive.com/dynamicindex8/dhtmlwindow/index.htm) for a pop-up window from hidden div at bottom of page. Div contains shadowbox (lightbox) images. Pop-up window works great but images from pop-up window do not load with shadowbox. Shadowbox images from page work fine. Test page is linked from JHFarms logo image on page http://www.jhfarms.us/30private_sales.html

right under 2015 Buck Kids For Sale goto link following Sire: GC Lakeshore Californication to open pop-up.
open any photo in pop-up window to see problem/

Below is code for shadowbox. Won't waste your time with everything I have tried. This is way over my head. Would appreciate any help / direction with resolving the problem if possible. Thank you for your assistance.


<link rel="stylesheet"
type="text/css"
href="http://www.jhfarms.us/shadowbox-3.0.3/shadowbox.css">
<script type="text/javascript"
src="http://www.jhfarms.us/shadowbox-3.0.3/shadowbox.js">
</script>
<script type="text/javascript">
Shadowbox.init();
</script>
<style type="text/css">
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"Verdana";
font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:2px solid
#ffffff;overflow:hidden;height:100px;}
.highlightit:hover img{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
</style>

ddadmin
05-25-2015, 01:21 AM
At a glance I don't see the DHTML Window script on either pages. In general though if the page contained inside the DHTML window in itself contains another JavaScript, in order for that script to run properly, you should use the IFRAME mode of launching the DHTML window (instead of the inline mode).

Millie
05-25-2015, 01:43 AM
At a glance I don't see the DHTML Window script on either pages. In general though if the page contained inside the DHTML window in itself contains another JavaScript, in order for that script to run properly, you should use the IFRAME mode of launching the DHTML window (instead of the inline mode).

Thanks for your quick response. DHTML Window script right above </head>. I will try the iframe again but just want one goat's info in iframe window. Info exists in other pages such as http://www.jhfarms.us/40our_sires.html. I use tables and couldn't figure out how to just show 2 table cells in window. Is that possible with iframe? I apologize but I am not very good at coding. Thanks again