Avatar billede almex Mester
19. juni 2013 - 21:23 Der er 7 kommentarer og
1 løsning

Shadowbox.js viser ikke Next/previous picture..

Hey Eksperten.dk

Jeg har lige stiftet bekendtskab til shadowbox.js, men kan ikke få det til at fungere 100%..

Når jeg sætter et billede ind med de forskellige ting man nu skal for at få det til at aktivere Shadowbox, så viser den kun "close" selvom jeg har f.eks. 2 billeder.

Ved dog ikke om man skal oprette noget ekstra eller lign for at få det til at fungere så next/previous picture bliver vidst.

pt har jeg gjort følgende.

Header
[code]<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
    handleOversize: "drag",
    modal: true
});
</script>[/code]


Billederne
[code]
smider bare mine billeder ind i en <img src -> med link til billede samt Rel="shadowbox"[/code]

håber der nogle som kan hjælpe..
Avatar billede almex Mester
19. juni 2013 - 21:26 #1
Kan se mine codes ser forkert ud så smider dem lige ind uden for codes

Header
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
    handleOversize: "drag",
    modal: true
});
</script>

billederne
<a href="images/slide-1.png" rel="shadowbox;height=216;width=351"><img src="images/slide-1.png"></a>

<a href="images/slide-3.png" rel="shadowbox;height=216;width=351"><img src="images/slide-3.png"></a>
Avatar billede keysersoze Guru
19. juni 2013 - 22:32 #2
giv dine links en klasse og kør

Shadowbox.setup("a.dinklasse", {
gallery: "mustang",
continuous: true,
counterType: "skip"
});
Avatar billede almex Mester
19. juni 2013 - 22:46 #3
Takker for svaret men det er stadig kun Close knappen der bliver vidst og man kan ikke vælge next/previous picture..

Har gjort følgende efter dit svar.

Billederne/links
<a href="images/slide-1.png" rel="shadowbox;height=216;width=351" class="shadow-pic"><img src="images/slide-1.png"></a>

Header
<link rel="stylesheet" type="text/css" href="shadowbox/shadowbox.css">
<script type="text/javascript" src="shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
    handleOversize: "drag",
    modal: true
});
Shadowbox.setup("a.shadow-pic", {
gallery: "mustang",
continuous: true,
counterType: "skip"
});
</script>
Avatar billede keysersoze Guru
20. juni 2013 - 22:34 #4
Prøv at fjern din init.
Avatar billede almex Mester
20. juni 2013 - 22:46 #5
Fjerner jeg min init fjerner den shadowbox.js funktionen.
Avatar billede keysersoze Guru
20. juni 2013 - 23:25 #6
Får du en javascript-fejl med koden i #3? Prøv evt at pakke setup ind i en onload;

window.onload = function() {
  ..
};
Avatar billede almex Mester
21. juni 2013 - 10:39 #7
Smid gerne et svar Keysersoze :), det hjalp at pakke den ind i en window.onload function :)..

Takker for hjælpen
Avatar billede almex Mester
21. juni 2013 - 19:14 #8
@Keysersoze, jeg har bare accepteret dit første svar da det jo også var med til at få det til at virke :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester