Forum » Client-Side scripting » Foto openen midden vd pagina
Skydiving!
Berichten: 1399
avatar
Offline Stuur privebericht
Goedemiddag allemaal!

Ik ben momenteel bezig met een foto pagina.. Lukt allemaal aardig alleen...

Ik wil graag dat als je op een foto klikt om uit te vergroten dat de foto in het midden van de pagina verschijnt. Nu word de foto groter op de plek waar de foto staat..

Wie kan me helpen?

Hier het script:
http://codeviewer.org/view/code:1e0b


Alvast bedankt!

Gr. Ruben
31-08-2011 14:45
Dit topic is 170 keer bekeken door 27 verschillende leden
Reacties op: "Foto openen midden vd pagina"
1
world-of-maffia.nl
Berichten: 744
avatar
Offline Stuur privébericht
Dit is een lightbox

Bekijk de onderstaande website en donwload het.
(filmpjes, tekst, afbeeldingen en flash bestanden)

http://fancybox.net/

Als je het gedownload hebt, instructie:

Code | Selecteer Alles
minimaliseren
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
<html>
<
head>
<
title>Websitenaam</title>
<
link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

<
script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.easing-1.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
</head>
<body>
<script type="text/javascript"> 
$(document).ready(function() {
    
    $("a#single_image").fancybox();    
    $("a#inline").fancybox({
        'hideOnContentClick': true
    });    
    $("a.group").fancybox({
        'transitionIn'    :    'elastic',
        'transitionOut'    :    'elastic',
        'speedIn'        :    600, 
        'speedOut'        :    200, 
        'overlayShow'    :    false
    });
    
});
</script>

<!-- 
Wil je inplaats van 1 afbeelding een gallerij? verander hier boven dan: $("a.group").fancybox({ in $("a.grouped_elements").fancybox({
-->




<!-- 1 afbeelding -->
<a id="single_image" href="image_big.jpg"><img src="image_small.jpg" alt=""/></a>
<!-- Einde 1 afbeelding -->


<!-- Afbeelding gallerij-->
<a class="grouped_elements" rel="group1" href="image_big_1.jpg"><img src="image_small_1.jpg" alt=""/></a>
<a class="grouped_elements" rel="group1" href="image_big_2.jpg"><img src="image_small_2.jpg" alt=""/></a>     
<a class="grouped_elements" rel="group2" href="image_big_3.jpg"><img src="image_small_3.jpg" alt=""/></a> 
<a class="grouped_elements" rel="group2" href="image_big_4.jpg"><img src="image_small_4.jpg" alt=""/></a> 
<!-- Afbeelding gallerij-->
</body>
</html>
31-08-2011 16:21
Reageer op: "Foto openen midden vd pagina"
1
Je kan niet reageren omdat je niet bent ingelogd. Inloggen of Aanmelden