Prob. med Dynamicdrive popup script der er låser sig til iFrame
Hey.Jeg har snuppet et script fra : http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm
Som jeg syntes der ligger nogle pæne og stilrene (cromeless agtigt) muligheder i, men har desværre pga. min ringe erfaring problemer med at styre scriptes i mine iFrame opsætning.
Gå til : http://engel-larsen.dk/test/ og gå i menuen i toppen til FOTO-STILLBILLEDER-2004
Når man klikker på billedet vil jeg gerne have det til at lægge sig oven over de andre frames og ikke være låst til framen kaldet "hovedtext" i htmlfilen "centerbund.htm".
Har prøvet at lure om man kunne snyde scriptet til at gå til TOP eller PARENT men kan ikke finde ud af hvor det skal ændres.
Min side er bygget op af to htmlfiler, centertop og centerbund indeholdende x antal iframes.
Har du et bedre forslag er det velkomment men det er vigtigt for mig at det popper op i noget der ligner cromeless da jeg er supertræt af de grå popupkanter.
Mit script ser således ud:
----------------------------------------
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title></title>
<style type="text/css">
#showimage{
position:absolute;
visibility:hidden;
border: 1px solid gray;
}
#dragbar{
cursor: hand;
cursor: pointer;
background-color: #EFEFEF;
min-width: 100px; /*NS6 style to overcome bug*/
}
#dragbar #closetext{
font-weight: bold;
margin-right: 5px;
}
</style>
<script type="text/javascript">
/***********************************************
* Image Thumbnail viewer- © Dynamic Drive (www.dynamicdrive.com)
* Last updated Sept 26th, 03'. This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var ie=document.all
var ns6=document.getElementById&&!document.all
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat" && !window.opera)? document.documentElement : document.body
}
function enlarge(which, e, position, imgwidth, imgheight){
if (ie||ns6){
crossobj=document.getElementById? document.getElementById("showimage") : document.all.showimage
if (position=="center"){
pgyoffset=ns6? parseInt(pageYOffset) : parseInt(ietruebody().scrollTop)
horzpos=ns6? pageXOffset+window.innerWidth/2-imgwidth/2 : ietruebody().scrollLeft+ietruebody().clientWidth/2-imgwidth/2
vertpos=ns6? pgyoffset+window.innerHeight/2-imgheight/2 : pgyoffset+ietruebody().clientHeight/2-imgheight/2
if (window.opera && window.innerHeight) //compensate for Opera toolbar
vertpos=pgyoffset+window.innerHeight/2-imgheight/2
vertpos=Math.max(pgyoffset, vertpos)
}
else{
var horzpos=ns6? pageXOffset+e.clientX : ietruebody().scrollLeft+event.clientX
var vertpos=ns6? pageYOffset+e.clientY : ietruebody().scrollTop+event.clientY
}
crossobj.style.left=horzpos+"px"
crossobj.style.top=vertpos+"px"
crossobj.innerHTML='<div align="right" id="dragbar"><span id="closetext" onClick="closepreview()"><font face="tahoma" size="1">Close [X]</font></span> </div><img src="'+which+'">'
crossobj.style.visibility="visible"
return false
}
else //if NOT IE 4+ or NS 6+, simply display image in full browser window
return true
}
function closepreview(){
crossobj.style.visibility="hidden"
}
function drag_drop(e){
if (ie&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx+"px"
crossobj.style.top=tempy+event.clientY-offsety+"px"
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx+"px"
crossobj.style.top=tempy+e.clientY-offsety+"px"
}
return false
}
function initializedrag(e){
if (ie&&event.srcElement.id=="dragbar"||ns6&&e.target.id=="dragbar"){
offsetx=ie? event.clientX : e.clientX
offsety=ie? event.clientY : e.clientY
tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)
dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmousedown=initializedrag
document.onmouseup=new Function("dragapproved=false")
</script>
</head>
<BODY onload="top.centertop.billede.location.href='../../topbilleder/foto.htm';top.centertop.topoverlay.location.href='../../topoverlay/foto.htm'" STYLE="background-color:transparent">
<font face="arial narrow" size="1" color="000000">
02.02.01 FOTO_STILL BILLEDER_2004<br>
</font>
<hr size="1" color="000000">
<font face="arial narrow" size="1" color="000000">
DETTE ER BILLEDSERIEN TAGET GENNEM HELE DET HERRENS ÅR 2004. BILLEDERNE ER TAGET I HUSET, SOMMERHUSET OG FRA HAVNEN.
</font>
<br><br>
<div id="showimage"></div>
<a href="still1.jpg" onClick="return enlarge('still1.jpg',event)">
<img src="still1_th.jpg" width="70" height="50" border="0"></a>
<a href="still2.jpg" onClick="return enlarge('still2.jpg',event)">
<img src="still2_th.jpg" width="70" height="50" border="0"></a>
<a href="still3.jpg" onClick="return enlarge('still3.jpg',event)">
<img src="still3_th.jpg" width="70" height="50" border="0"></a>
<a href="still4.jpg" onClick="return enlarge('still4.jpg',event)">
<img src="still4_th.jpg" width="70" height="50" border="0"></a>
<a href="still5.jpg" onClick="return enlarge('still5.jpg',event)">
<img src="still5_th.jpg" width="70" height="50" border="0"></a>
<a href="still6.jpg" onClick="return enlarge('still6.jpg',event)">
<img src="still6_th.jpg" width="70" height="50" border="0"></a>
<a href="still7.jpg" onClick="return enlarge('still7.jpg',event)>
<img src="still7_th.jpg" width="70" height="50" border="0"></a>
</body>
</html>
------------------
- Engel
