Beste leden,
Ik zit al een tijdje met het volgende probleem:
Op een website heb ik een afbeelding staan welke ik graag in Lightbox wil kunnen openen. Echter kan ik de code waar deze afbeelding word geladen niet aanpassen. Ik ben dus beperkt in mogelijkheden en moet de afbeelding dus "geforceerd" wijzigen door een stukje Javascript/jQuery.
Dit is de HTML code:
Is er een manier om hieraan rel="lightbox" toe te voegen zonder deze html code aan te passen? Dus bijvoorbeeld via een stukje Javascript/jQuery bovenaan de pagina.Code:<div class="gv_panel" style="width: 240px; height: 290px;"> <img style="visibility: visible; " src="t-shirt.jpg"> </div>
Ik hoor het graag als iemand mij een stukje op weg kan helpen!
- Geforceerd een rel toevoegen
-
09-06-2013, 15:42 #1
- Berichten
- 89
- Lid sinds
- 18 Jaar
Geforceerd een rel toevoegen
-
09-06-2013, 18:12 #2
- Berichten
- 390
- Lid sinds
- 15 Jaar
Re: Geforceerd een rel toevoegen
Er heeft iemand toevallig net een goed antwoord op StackOVerflow gezet zie ik ;)
-
09-06-2013, 19:05 #3
- Berichten
- 89
- Lid sinds
- 18 Jaar
Re: Geforceerd een rel toevoegen
Dan heb je niet echt goed gekeken, want het werkt namelijk nog steeds niet.
Ik probeer het volgende stuk code uit te voeren:
Code:<script type="text/javascript">jQuery(document).ready(function($) { $('.gv_panel img').colorbox({rel:'gal'}); }); </script>
-
09-06-2013, 19:18 #4
- Berichten
- 217
- Lid sinds
- 17 Jaar
Re: Geforceerd een rel toevoegen
Zo te zien betreft het een jQuery initialisatie fout.
Ga dus na of bovenin de code wel de juiste Javascript jQuery Libraries worden ingeladen.
-
09-06-2013, 19:29 #5
- Berichten
- 89
- Lid sinds
- 18 Jaar
Re: Geforceerd een rel toevoegen
Ja deze worden ingeladen, want alle andere jQuery codes werken wel.
-
09-06-2013, 20:09 #6
- Berichten
- 506
- Lid sinds
- 15 Jaar
Re: Geforceerd een rel toevoegen
Staat de include van jQuery boven dit stukje code?
-
09-06-2013, 20:15 #7
- Berichten
- 390
- Lid sinds
- 15 Jaar
Re: Geforceerd een rel toevoegen
Ik had het net met Firebug werkend door het stukje code wat je hierboven geplaatst hebt van de <head> naar de <body> (net boven de <div id=colorbox">) te zetten maar een herhaling van zetten leverde weer niets op. Misschien omdat je zelf ook nog aan het puzzelen bent?
Laatst aangepast door Tjerk de Heer : 09-06-2013 om 20:35
-
09-06-2013, 21:30 #8
- Berichten
- 89
- Lid sinds
- 18 Jaar
Re: Geforceerd een rel toevoegen
@Rogier Fischer:
Aangepast, het stukje code word nu pas geladen na jQuery. De error is nu ook weg.
@Tjerk de Heer:
Ik heb hetzelfde geprobeerd met Firebug, maar helaas werkt het hier niet...
Als iemand me nog kan helpen hoor ik het graag, eventueel tegen betaling.
-
11-06-2013, 12:17 #9
- Berichten
- 107
- Lid sinds
- 14 Jaar
Re: Geforceerd een rel toevoegen
De oplossing:
Code:<script> $(document).ready(function() { $( '.gv_panel img' ).attr( 'rel', 'lightbox' ); }); </script>
Laatst aangepast door Cas van Dongen : 11-06-2013 om 12:22
-
11-06-2013, 21:37 #10
- Berichten
- 89
- Lid sinds
- 18 Jaar
Re: Geforceerd een rel toevoegen
@Cas van Dongen:
Bedankt voor het helpen, maar deze oplossing werkt helaas niet.
Exact dezelfde code staat trouwens ook in de link die Tjerk hierboven heeft geplaatst.
-
12-06-2013, 11:29 #11
- Berichten
- 206
- Lid sinds
- 15 Jaar
Re: Geforceerd een rel toevoegen
een lightbox moet toch aan een link gekoppeld worden en niet aan een plaatje. Dus de code gaat sowieso niet werken. Of zie ik iets over het hoofd?
-
12-06-2013, 13:03 #12
- Berichten
- 89
- Lid sinds
- 18 Jaar
Re: Geforceerd een rel toevoegen
@Sylvia Trommer:
Dat klopt, maar de code om een attribuut aan een element toe te voegen werkt op dit moment ook niet. Dus of het nu om een afbeelding of een link gaat doet er op het moment even niet toe.
-
12-06-2013, 13:16 #13
- Berichten
- 206
- Lid sinds
- 15 Jaar
Re: Geforceerd een rel toevoegen
de bovenstaande code wert volgens mij wel. Als ik namelijk van de geplaatste jsfiddle de eigenschappen van het plaatje in Firebug of de web developer tools bekijk, zie ik netjes rel="lightbox" als attribuut.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic