Previous - Next knoppen krijgen bij popup

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Shane Deconinck

Shane Deconinck

10/02/2006 10:34:00
Quote Anchor link
Hallo,

ik heb een zeer simpele photo gallery en wil dit ook zo houden. Het enige dat er zou moeten veranderen is dat als je op een foto klikt, ook de knoppen 'Previous' en 'Next' krijgt.
voorbeeld: http://priem.deconinck-racing.com/pages/gallery.php

hier alvast de code van de gallery:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
<?php
    require_once('header.inc.php');
    require_once('config.inc.php');
?>

<td class="frame" >
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<?php
        
        $SQL_statement
="SELECT * FROM priem_gallery WHERE id=$id";
        $resultset=mysql_query($SQL_statement);
        while($data2=mysql_fetch_array($resultset)){
        
        $img="";
        if($data2['afbeelding']!="") $img="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding'] . "'id=\"img\">";
        $img2="";
        if($data2['afbeelding2']!="") $img2="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding2'] . "'id=\"img\">";
        $img3="";
        if($data2['afbeelding3']!="") $img3="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding3'] . "'id=\"img\">";
        $img4="";
        if($data2['afbeelding4']!="") $img4="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding4'] . "'id=\"img\">";
        $img5="";
        if($data2['afbeelding5']!="") $img5="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding5'] . "'id=\"img\">";
        $img6="";
        if($data2['afbeelding6']!="") $img6="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding6'] . "'id=\"img\">";
        $img7="";
        if($data2['afbeelding7']!="") $img7="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding7'] . "'id=\"img\">";
        $img8="";
        if($data2['afbeelding8']!="") $img8="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding8'] . "'id=\"img\">";
        $img9="";
        if($data2['afbeelding9']!="") $img9="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding9'] . "'id=\"img\">";
        $img10="";
        if($data2['afbeelding10']!="") $img10="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding10'] . "'id=\"img\">";
        $img11="";
        if($data2['afbeelding11']!="") $img11="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding11'] . "'id=\"img\">";
        $img12="";
        if($data2['afbeelding12']!="") $img12="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding12'] . "'id=\"img\">";
        $img13="";
        if($data2['afbeelding13']!="") $img13="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding13'] . "'id=\"img\">";
        $img14="";
        if($data2['afbeelding14']!="") $img14="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding14'] . "'id=\"img\">";
        $img15="";
        if($data2['afbeelding15']!="") $img15="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding15'] . "'id=\"img\">";
        $img16="";
        if($data2['afbeelding16']!="") $img16="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding16'] . "'id=\"img\">";
        $img17="";
        if($data2['afbeelding17']!="") $img17="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding17'] . "'id=\"img\">";
        $img18="";
        if($data2['afbeelding18']!="") $img18="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding18'] . "'id=\"img\">";
        $img19="";
        if($data2['afbeelding19']!="") $img19="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding19'] . "'id=\"img\">";
        $img20="";
        if($data2['afbeelding20']!="") $img20="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding20'] . "'id=\"img\">";
        $img21="";
        if($data2['afbeelding21']!="") $img21="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding21'] . "'id=\"img\">";
        $img22="";
        if($data2['afbeelding22']!="") $img22="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding22'] . "'id=\"img\">";
        $img23="";
        if($data2['afbeelding23']!="") $img23="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding23'] . "'id=\"img\">";
        $img24="";
        if($data2['afbeelding24']!="") $img24="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding24'] . "'id=\"img\">";
        $img25="";
        if($data2['afbeelding25']!="") $img25="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding25'] . "'id=\"img\">";
        $img26="";
        if($data2['afbeelding26']!="") $img26="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding26'] . "'id=\"img\">";
        $img27="";
        if($data2['afbeelding27']!="") $img27="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding27'] . "'id=\"img\">";
        $img28="";
        if($data2['afbeelding28']!="") $img28="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding28'] . "'id=\"img\">";
        $img29="";
        if($data2['afbeelding29']!="") $img29="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding29'] . "'id=\"img\">";
        $img30="";
        if($data2['afbeelding30']!="") $img30="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding30'] . "'id=\"img\">";
        $img31="";
        if($data2['afbeelding31']!="") $img31="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding31'] . "'id=\"img\">";
        $img32="";
        if($data2['afbeelding32']!="") $img32="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding32'] . "'id=\"img\">";
        $img33="";
        if($data2['afbeelding33']!="") $img33="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding33'] . "'id=\"img\">";
        $img34="";
        if($data2['afbeelding34']!="") $img34="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding34'] . "'id=\"img\">";
        $img35="";
        if($data2['afbeelding35']!="") $img35="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding35'] . "'id=\"img\">";
        $img36="";
        if($data2['afbeelding36']!="") $img36="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding36'] . "'id=\"img\">";
        $img37="";
        if($data2['afbeelding37']!="") $img37="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding37'] . "'id=\"img\">";
        $img38="";
        if($data2['afbeelding38']!="") $img38="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding38'] . "'id=\"img\">";
        $img39="";
        if($data2['afbeelding39']!="") $img39="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding39'] . "'id=\"img\">";
        $img40="";
        if($data2['afbeelding40']!="") $img40="<img class='gallery_image' height='80' src='afbeeldingen/" . $data2['afbeelding40'] . "'id=\"img\">";
        
        echo  "
        "
.$data2['datum']." - ".$data2['titel']."<p>            
        <table width='360' border='0' cellspacing='0' cellpadding='0' bgcolor='#333333'>
          <tr id='gallery_image' height='80'>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding'] . "')\">".$img."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding2'] . "')\">".$img2."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding3'] . "')\">".$img3."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding4'] . "')\">".$img4."</a></td>
        
             </tr>
          <tr id='gallery_image' height='80'>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding5'] . "')\">".$img5."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding6'] . "')\">".$img6."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding7'] . "')\">".$img7."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding8'] . "')\">".$img8."</a></td>
        
          </tr>
          <tr id='gallery_image'>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding9'] . "')\">".$img9."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding10'] . "')\">".$img10."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding11'] . "')\">".$img11."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding12'] . "')\">".$img12."</a></td>
        
              </tr>
                   </tr>
          <tr id='gallery_image' height='80'>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding13'] . "')\">".$img13."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding14'] . "')\">".$img14."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding15'] . "')\">".$img15."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding16'] . "')\">".$img16."</a></td>
             </tr>
          <tr id='gallery_image' height='80'>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding17'] . "')\">".$img17."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding18'] . "')\">".$img18."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding19'] . "')\">".$img19."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding20'] . "')\">".$img20."</a></td>
        </tr>
        <tr id='gallery_image' height='80'>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding21'] . "')\">".$img21."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding22'] . "')\">".$img22."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding23'] . "')\">".$img23."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding24'] . "')\">".$img24."</a></td>
        </tr>
        <tr id='gallery_image' height='80'>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding25'] . "')\">".$img25."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding26'] . "')\">".$img26."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding27'] . "')\">".$img27."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding28'] . "')\">".$img28."</a></td>
        </tr>
        <tr id='gallery_image' height='80'>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding29'] . "')\">".$img29."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding30'] . "')\">".$img30."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding31'] . "')\">".$img31."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding32'] . "')\">".$img32."</a></td>
        </tr>
        <tr id='gallery_image' height='80'>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding33'] . "')\">".$img33."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding34'] . "')\">".$img34."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding35'] . "')\">".$img35."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding36'] . "')\">".$img36."</a></td>
        </tr>
        <tr id='gallery_image' height='80'>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding37'] . "')\">".$img37."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding38'] . "')\">".$img38."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding39'] . "')\">".$img39."</a></td>
            <td height='80'><a href=\"javascript:PopupPic('afbeeldingen/"
. $data2['afbeelding40'] . "')\">".$img40."</a></td>
        </tr>
        </table>
        "
;
        }

        mysql_close();
        
        ?>

</td>
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<?php
    require_once('footer.inc.php');
?>


hier de code van de popup:

<HTML>
<HEAD>
<TITLE>CHECK THE PIC</TITLE>

<script language='javascript'>
var arrTemp=self.location.href.split("?");
var picUrl = (arrTemp.length>0)?arrTemp[1]:"";
var NS = (navigator.appName=="Netscape")?true:false;

function FitPic() {
iWidth = (NS)?window.innerWidth:document.body.clientWidth;
iHeight = (NS)?window.innerHeight:document.body.clientHeight;
iWidth = document.images[0].width - iWidth;
iHeight = document.images[0].height - iHeight;
window.resizeBy(iWidth, iHeight);
self.focus();
};
</script>
</HEAD>
<BODY bgcolor="#000000" onload='FitPic();' topmargin="0"
marginheight="0" leftmargin="0" marginwidth="0">
<table>
<tr>
<td colspan="2">
<script language='javascript'>
document.write( "<img src='" + picUrl + "' border=0>" );
</script>
</td>
</tr>
<tr>
<td>
vorige
</td>
<td>
volgende
</td>
</tr>
</table>
</BODY>
</HTML>

en hier de javascript functie om de popup te openen:

function PopupPic(sPicURL) {
window.open( "popup.htm?"+sPicURL, "",
"resizable=1,HEIGHT=200,WIDTH=200");
}
Gewijzigd op 10/02/2006 10:54:00 door Shane Deconinck
 
Er zijn nog geen reacties op dit bericht.



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.