Afbeeldingen aanroepen via JS

Spoiler tonen

Hi,

Ik loop tegen een probleem aan, ik wil afbeeldingen aanroepen via JS, maar dat wil niet.

De JS code plaats ik in een ander bestand:

$(document).ready(function() {
    $("#pyromaniacs").click(function() {
        $.fancybox([
            pyromaniacs-groot-1.png,
            pyromaniacs-groot-2.png
        ], {
        padding            : 0,
        autoScale            : false,
        transitionIn        : none,
        transitionOut        : none,
        type              : image,
        changeFade        : 0
        });    
    });
});

En roep dit bestand dan aan via:

<script type="text/javascript" src="bestanden_laden.js"></script>

Daarna roep ik het nog eens aan met:

<a id="pyromaniacs">
        <a class="fancybox-buttons" data-fancybox-group="button" href="javascript:;"><img src="pyromaniacs-klein.png" alt="" /></a>
        </a>

Maar dat werkt niet.

Hoe moet ik dit oplossen?

Hi,

Ik heb een andere manier gevonden hoe het kan, en dat is gewoon een simpele manier zeg maar.

Maar dan begint hij standaard bij afbeelding 2/2 in plaats van 1/2

Hoe moet ik dit nu goed krijgen? De code is:

<div class="item-groot">
            <div class="item-top"></div>
                <div class="item-mid">
                    <a class="fancybox-buttons" data-fancybox-group="button" href="img/lay/pyromaniacs-groot-2.png" title="Pyromaniacs">
                    <a class="fancybox-buttons" data-fancybox-group="button" href="img/lay/pyromaniacs-groot-1.png"    title="Pyromaniacs">
                    <img src="img/lay/pyromaniacs-mid-1.png" alt="" /></a></a>
                </div>
            <div class="item-bot"></div>
        </div>

Alvast bedankt.

Groet,

Patrick

Leg eens uit wat je als eind resultaat wilt.

Ik gebruik fancybox, nu wil ik 1 afbeelding zichtbaar hebben op me website, en meerdere in de fancybox. Daarom leek het me de beste manier op JS te gebruiken.

Andere oplossing, maar hoe oplossen?