lightbox automatisch starten
Ik heb al heel wat internet pagina's afgelopen, maar helaas geen werkend iets gevonden. Vandaar dat ik jullie hulp nu wil inschakelen.
Ik wil dat als mensen op mijn homepage komen er automatisch een lightbox wordt gestart. Hierin kan ik dan een advertentie tonen..
Hoe kan ik dit doen. Heb nu onderstaande code gevonden op een engelstalige website. Maar helaas werkt dit niet bij mij:(
Code (php)
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
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Lightbox JS v2.0 | Test Page</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<script src="js/prototype.js" type="text/javascript"></script>
<script type="text/javascript">
// Automagically load Lightbox on Page Load - by Bramus! (http://www.bram.us/)
// Code modded from http://www.huddletogether.com/forum/comments.php?DiscussionID=1269&page=1#Item_0
function autoFireLightbox() {
//Check if location.hash matches a lightbox-anchor. If so, trigger popup of image.
setTimeout(function() {
if(document.location.hash && $(document.location.hash.substr(1)).rel.indexOf('lightbox')!=-1) {
myLightbox.start($(document.location.hash.substr(1)));
}},
250
);
}
Event.observe(window, 'load', autoFireLightbox, false);
</script>
<style type="text/css">
body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
</style>
</head>
<body>
<a href="images/image-1.jpg" rel="lightbox" id="image001"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Lightbox JS v2.0 | Test Page</title>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<script src="js/prototype.js" type="text/javascript"></script>
<script type="text/javascript">
// Automagically load Lightbox on Page Load - by Bramus! (http://www.bram.us/)
// Code modded from http://www.huddletogether.com/forum/comments.php?DiscussionID=1269&page=1#Item_0
function autoFireLightbox() {
//Check if location.hash matches a lightbox-anchor. If so, trigger popup of image.
setTimeout(function() {
if(document.location.hash && $(document.location.hash.substr(1)).rel.indexOf('lightbox')!=-1) {
myLightbox.start($(document.location.hash.substr(1)));
}},
250
);
}
Event.observe(window, 'load', autoFireLightbox, false);
</script>
<style type="text/css">
body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
</style>
</head>
<body>
<a href="images/image-1.jpg" rel="lightbox" id="image001"><img src="images/thumb-1.jpg" width="100" height="40" alt="" /></a>
</body>
</html>
Ik hoop dat iemand mij kan helpen, bedankt alvast!
Gewijzigd op 06/10/2011 14:40:13 door Ed van Papenrecht
Wat zegt de error-console van Firefox/Chrome?
wat bedoel je hiermee aar?
De foutconsole van Firefox/Chrome vind je achter Ctrl+Shift+J
Deze zegt helemaal niets... :( Wordt ik dus ook niet echt wijzer van..
Ed van Papenrecht op 06/10/2011 14:39:48:
Ik wil dat als mensen op mijn homepage komen er automatisch een lightbox wordt gestart. Hierin kan ik dan een advertentie tonen..
Offtopic: zulke websites sluit ik gelijk.
het gaat hierbij om een advertentie van het bedrijf zelf dat je kaarten kunt kopen dus denk dat het dan al minder irritant zal worden gevonden...
Helaas heb ik nu nog steeds geen antwoord op mijn vraag:(
Heeft iemand hier ervaring mee?
Bedankt alvast!
Toevoeging op 06/10/2011 21:20:03:
Ik heb het voor elkaar gekregen dankzij deze website http://www.dynamicdrive.com/forums/showthread.php?p=163470#post163470..
Nu is mijn vraag alleen, de pagina wordt geladen door volgend script
Code (php)
1
2
3
4
5
2
3
4
5
<body>
<div class="content">
<a id="first" href="images/fantasia_de_musical.jpg" rel="lightbox" title="Bestel nu je kaartje" rev="http://www.ntk.nl/voorstelling/geronimo-stilton/::_blank"></a></div>
</body>
<div class="content">
<a id="first" href="images/fantasia_de_musical.jpg" rel="lightbox" title="Bestel nu je kaartje" rev="http://www.ntk.nl/voorstelling/geronimo-stilton/::_blank"></a></div>
</body>
Het plaatje wordt dus geladen dmv een link.. kan ik dit plaatje nog een keer linkable maken zodat deze naar een andere website gaat?
Bedankt alvast