Ik zoek een lightbox die responsive is en vond deze.
Weinig code, dus makkelijk.
De demo werkt goed. Maar als ik de pagina op mijn eigen server zet dan werkt het niet. Ook verwijzen naar een nieuwere jquery.min.js helpt niet.
Kan iemand hier een werkend voorbeeld van maken?
Of heeft iemand een responsive lightbox die goed werkt? Heb al diverse geprobeerd, maar de meeste die ik vindt zijn al een aantal jaar oud en krijg ik niet werkend. (de php versie voor deze het domein waarop ik dit probeer staat op 7.0, terugzetten naar 5.6 helpt ook niet)
-
11-04-2021, 14:59 #1
DaMedia
- Berichten
- 2.295
- Lid sinds
- 16 Jaar
lightbox
-
11-04-2021, 15:35 #2
Particulier
- Berichten
- 399
- Lid sinds
- 9 Jaar
Re: lightbox
Middag Johan,
gaat het om Joomla site? Zo ja dan kan je het ook met JCE editor doen.
Groeten Ron
-
11-04-2021, 15:49 #3
DaMedia
- Berichten
- 2.295
- Lid sinds
- 16 Jaar
Re: lightbox
Hoi Ron,
Geen Joomla, gewoon html/css.
Inmiddels eentje werkend gekregen. Nog even kijken of die in het grote geheel is in te bouwen.
-
11-04-2021, 16:29 #4
DaMedia
- Berichten
- 2.295
- Lid sinds
- 16 Jaar
Re: lightbox
Helaas, werkt niet met meerdere images op 1 pagina.
-
11-04-2021, 17:10 #5
64BitsWebhosting.EU
- Berichten
- 2.092
- Lid sinds
- 18 Jaar
Re: lightbox
De demo is letterlijk meerdere images op 1 pagina :)
Origineel gepost door J. Haan
-
11-04-2021, 17:14 #6
Particulier
- Berichten
- 145
- Lid sinds
- 4 Jaar
Re: lightbox
De Demo die de TS aangaf die werkte inderdaad niet.
Deze werkt wel:
Code:<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="jquery.popupimg.js"></script> <style> * {margin:0; padding:0} .wrapper {width: 900px; margin: 0 auto} .wrapper img {width: 31.3%; margin: 0; padding: 0; display: block; float: left; margin:1%;} </style> <title>jQuery PopUp Image Plugin Demo</title> </head> <body> <h1 align="center">jQuery PopUp Image Plugin Demo</h1><div class="jquery-script-ads" style="margin:30px auto" align="center"></div> <div class="wrapper"> <img src="https://www.sitedeals.nl/images/1.jpg" class="popupimg"> <img src="https://www.sitedeals.nl/images/2.jpg" class="popupimg"> <img src="https://www.sitedeals.nl/images/3.jpg" class="popupimg"> <img src="https://www.sitedeals.nl/images/4.jpg" class="popupimg"> <img src="https://www.sitedeals.nl/images/5.jpg" class="popupimg"> <img src="https://www.sitedeals.nl/images/6.jpg" class="popupimg"> <img src="https://www.sitedeals.nl/images/1.jpg" class="popupimg"> <img src="https://www.sitedeals.nl/images/2.jpg" class="popupimg"> <img src="https://www.sitedeals.nl/images/3.jpg" class="popupimg"> <img src="https://www.sitedeals.nl/images/4.jpg" class="popupimg"> <img src="https://www.sitedeals.nl/images/5.jpg" class="popupimg"> <img src="https://www.sitedeals.nl/images/6.jpg" class="popupimg"> </div> </body> <script> $(function() { $('.popupimg').popupimg({ 'show': 600, 'hide': 300 }); }); </script> </html>
Lijn 5 werd opgeroepen met http:// dit moest dus https:// zijn...
Ook heb ik gelijk even alle Google/Adsense troep eruit gehaald voor je :-)
EDIT: Alleen de images namen moet je even aanpassen, blijkbaar werd dat hier door Sitedeals zelf vervangen naar de site van Sitedeals lol
-
11-04-2021, 18:42 #7
DaMedia
- Berichten
- 2.295
- Lid sinds
- 16 Jaar
Re: lightbox
Mijn reactie (4) slaat op de laatste regel in reactie 3. Dat was al weer een ander script dan in de opneningspost. Origineel gepost door John Timmer
-
11-04-2021, 18:43 #8
DaMedia
- Berichten
- 2.295
- Lid sinds
- 16 Jaar
Re: lightbox
Bedankt Jesica,
zal ik morgen proberen.
-
12-04-2021, 08:50 #9
DaMedia
- Berichten
- 2.295
- Lid sinds
- 16 Jaar
Re: lightbox
Bedankt Jessica,
Ingebouwd in mijn pagina, nu werkt het perfect.
-
12-04-2021, 10:14 #10
Particulier
- Berichten
- 145
- Lid sinds
- 4 Jaar
Re: lightbox
Graag gedaan!
