Advertisement

Popup Maximize script in gallery script????

Moderators: Calcifer, slothy

Popup Maximize script in gallery script????

Postby chris1382 » Mon Dec 04, 2006 8:28 pm

How can i use a popup maximize script in my gallery script????
I want to use a popup maximize script when you click on the pictures in
gallery you get a maximized popup...

I found this script but because ther is already a gallery script in my code the script in the script is not working...

This is the popup script...
<!-- "mybigpage.html" is of course to be replaced according to your needs.-->
<SCRIPT LANGUAGE="javascript">
window.open("rad/1.html", "big", "fullscreen=yes");
</SCRIPT>

</head>
<body>

<A HREF="javascript:window.opener.opener=window;window.opener.close();window.close('big')"><P ALIGN="Right">Close the window</P></A>
<BR><center><a href='http://www.js-examples.com'>JS-Examples.com</a></center>
</body>
</html>



This is my gallery script...
The pictures / links i want to popup maximizes are

rad/29.html
rad/26.html
....
..

How can i get the 2 scripts working together???



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Image slideshow</title>




<link rel="stylesheet" href="css/image-slideshow.css" type="text/css">
<script type="text/javascript" src="js/image-slideshow.js">
</script>
<script language="JavaScript" type="text/javascript">
<!--



// hieronder de namen en de url van de afbeeldingen wijzigen
var afbeeldingen=new Array()
afbeeldingen[29]=["rad/29groot.jpg", "rad/29.html"]
afbeeldingen[26]=["rad/26groot.jpg", "rad/26.html"]
afbeeldingen[25]=["rad/25groot.jpg", "rad/25.html"]
afbeeldingen[0]=["rad/24groot.jpg", "rad/24.html"]
afbeeldingen[1]=["rad/23groot.jpg", "rad/23.html"]
afbeeldingen[2]=["rad/22groot.jpg", "rad/22.html"]
afbeeldingen[3]=["rad/21groot.jpg", "rad/21.html"]
afbeeldingen[4]=["rad/20groot.jpg", "rad/20.html"]
afbeeldingen[5]=["rad/19groot.jpg", "rad/19.html"]
afbeeldingen[6]=["rad/18groot.jpg", "rad/18.html"]
afbeeldingen[7]=["rad/17agroot.jpg", "rad/17.html"]
afbeeldingen[8]=["rad/17bgroot.jpg", "rad/17.html"]
afbeeldingen[9]=["rad/16groot.jpg", "rad/16.html"]
afbeeldingen[10]=["rad/15groot.jpg", "rad/15.html"]
afbeeldingen[11]=["rad/14groot.jpg", "rad/14.html"]
afbeeldingen[12]=["rad/13groot.jpg", "rad/14.html"]
afbeeldingen[13]=["rad/12groot.jpg", "rad/12.html"]
afbeeldingen[14]=["rad/11groot.jpg", "rad/11.html"]
afbeeldingen[15]=["rad/10groot.jpg", "rad/10.html"]
afbeeldingen[161]=["rad/9groot.jpg", "rad/9.html"]
afbeeldingen[162]=["rad/8groot.jpg", "rad/8.html"]
afbeeldingen[17]=["rad/7groot.jpg", "rad/7.html"]
afbeeldingen[18]=["rad/6groot.jpg", "rad/6.html"]
afbeeldingen[19]=["rad/5groot.jpg", "rad/5.html"]
afbeeldingen[20]=["rad/4groot.jpg", "rad/4.html"]
afbeeldingen[21]=["rad/3groot.jpg", "rad/3.html"]
afbeeldingen[22]=["rad/2groot.jpg", "rad/2.html"]
afbeeldingen[23]=["rad/1groot.jpg", "rad/1.html"]

var voorladen="ja" // ja of nee
var optlinktarget="_blank" // hier kun je de target invullen
var beeldrandbreedte=0 // breedte rand voor plaatjes
var filterstring="progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)"

// hieronder niets meer wijzigen

if (voorladen=="ja"){
for (x=0; x<afbeeldingen.length; x++){
var ditbeeldje=new Image()
ditbeeldje.src=afbeeldingen[x][0]}}

function beeldcode(dezeafbeelding){
var beeldhtml=""
if (dezeafbeelding[1]!="")
beeldhtml='<a href="'+dezeafbeelding[1]+'" target="">'
beeldhtml+='<img src="'+dezeafbeelding[0]+'" border="'+beeldrandbreedte+'">'
if (dezeafbeelding[1]!="")
beeldhtml+='</a>'
return beeldhtml}

function wijzigbeeld(beeldplaatsing, beeldindex){
if (document.getElementById){
var imgobj=document.getElementById(beeldplaatsing)
if (imgobj.filters && window.createPopup){
imgobj.style.filter=filterstring
imgobj.filters[0].Apply()}
imgobj.innerHTML=beeldcode(afbeeldingen[beeldindex])
if (imgobj.filters && window.createPopup)
imgobj.filters[0].Play()
return false}}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:635px;
height:441px;
z-index:0;
left: -17px;
top: 106px;
margin-left:auto;
margin-right:auto;
}
#Layer2 {
position:absolute;
width:743px;
height:107px;
z-index:0;
left: 97px;
top: 5px;
margin-left:100px;
margin-right:00px;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
#Layer3 {
position:absolute;
width:96px;
height:115px;
z-index:0;
left: 0px;
top: 0px;
}
body {
margin-left: 0%;
margin-top: 20%;
margin-right: 0%;
margin-bottom: 0%;
}
-->
</style>

<HTML>
<HEAD>
<title>Center align content</title>
<style type="text/css">
body{
width:100%;
height:100%;
margin:0px;
padding:0px;
}
/* This container should be center aligned */
#Layer2{
background-color:#FFFFFF;
color:#FFF;
width:498px;
height:462px;
position:absolute;
left:50%;
top:50%;
margin-left:-300px; /* 1/2 of the width */
margin-top:-300px; /* 1/2 of the height */
}
</style>







<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
<body>



<div id="Layer2">

<div id="dhtmlgoodies_slideshow">
<div id="Layer1">
<div id="previewPane"> <A TARGET="_blank" href="radexpo/3.html"><img src="radexpo/3groot.jpg"
width="498" height="462"
align="center" border="0"></a> <span id="waitMessage"></span>
<div id="largeImageCaption"></div>
</div>
</div>
<div id="galleryContainer">

<div id="arrow_left"><A TARGET="" href="index2.html"><img src="rad/arrow_left.gif" border="0"></a></div>
<div id="arrow_right"><img src="rad/arrow_right.gif"></div>
<div id="theImages">
<!-- Thumbnails -->
<a href="#" onMouseover="wijzigbeeld('previewPane', 29)"><img src="rad/29klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 26)"><img src="rad/26klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 25)"><img src="rad/25klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 0)"><img src="rad/24klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 1)"><img src="rad/23klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 2)"><img src="rad/22klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 3)"><img src="rad/21klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 4)"><img src="rad/20klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 5)"><img src="rad/19klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 6)"><img src="rad/18klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 7)"><img src="rad/17aklein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 8)"><img src="rad/17bklein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 9)"><img src="rad/16klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 10)"><img src="rad/15klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 11)"><img src="rad/14klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 12)"><img src="rad/13klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 13)"><img src="rad/12klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 14)"><img src="rad/11klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 15)"><img src="rad/10klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 161)"><img src="rad/9klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 162)"><img src="rad/8klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 17)"><img src="rad/7klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 18)"><img src="rad/6klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 19)"><img src="rad/5klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 20)"><img src="rad/4klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 21)"><img src="rad/3klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 22)"><img src="rad/2klein.jpg"></a>
<a href="#" onMouseover="wijzigbeeld('previewPane', 23)"><img src="rad/1klein.jpg"></a>
<!-- End thumbnails -->
<!-- Image captions -->
<div class="imageCaption">This is the caption of image number 1</div>
<div class="imageCaption">This is the caption of image number 2</div>
<div class="imageCaption">This is the caption of image number 3</div>
<div class="imageCaption">This is the caption of image number 4</div>
<div class="imageCaption">This is the caption of image number 5</div>

<div class="imageCaption">This is the caption of image number 6</div>
<div class="imageCaption">This is the caption of image number 7</div>
<div class="imageCaption">This is the caption of image number 8</div>
<!-- End image captions -->
<div id="slideEnd"></div>
</div>
</div>
</div>
</div>
</body>
</html>
chris1382
 
Posts: 4
Joined: Mon Dec 04, 2006 5:23 pm

Return to Gallery script questions

Who is online

Users browsing this forum: No registered users and 1 guest

cron