Lightbox i.c.m. een IFRAME

[Verwijderd]

Op www.stormvogelsvs.nl/test.htm heb ik onder de TAB activiteiten een lightbox staan in een iframe. Als ik de foto's uitklap wordt de foto zichtbaar in het IFRAME.

Is er een mogelijkheid om deze (pop-up) vanuit het IFRAME naar het hele scherm te halen? Op de betreffende site kan ik hier niets over vinden en een duidelijke oplossing heb ik elders ook niet niet kunnen vinden.

Heeft iemand hier suggesties?

[djexplo]

Ik zie dat je werkt met Frames en IFrames, die kunnen alleen in hun eigen gebied renderen/tekenen.
Je zou natuurlijk wel de grote van het IFrame aan kunnen passen op het moment dat je een foto laat zien.

Netste methode zou het gebruik zijn van DIV's inplaats van Frames, dan kan je simpel een fullscreen overlay maken.

[zwippie]

Verwijderd schreef op woensdag 07 april 2010 @ 10:35:
Op www.stormvogelsvs.nl/test.htm heb ik onder de TAB activitieten een lightbox staan in een iframe. Als ik de foto's uitklap wordt de foto zichtbaar in het IFRAME.

Is er een mogelijkheid om deze (pop-up) vanuit het IFRAME naar het hele scherm te halen? Op de betreffende site kan ik hier niets over vinden en een duidelijke oplossing heb ik elders ook niet niet kunnen vinden.

Heeft iemand hier suggesties?

Volgens mij gaat je dat niet lukken. Sowieso zou ik de site zonder iframes maken, nergens voor nodig.

(en check de spelfout op de site. waar het hoofd vol van is )

[Verwijderd]

djexplo schreef op woensdag 07 april 2010 @ 10:43:
Ik zie dat je werkt met Frames en IFrames, die kunnen alleen in hun eigen gebied renderen/tekenen.
Je zou natuurlijk wel de grote van het IFrame aan kunnen passen op het moment dat je een foto laat zien.

Netste methode zou het gebruik zijn van DIV's inplaats van Frames, dan kan je simpel een fullscreen overlay maken.

Heb je daar iets van voorbeelden of een uitleg van bij de hand. Ik werk zelden met <div> maar als dat het enige is wat werkt zal ik mij er toch in moeten gaan verdiepen......

Dank alvast !

[BtM909]

Kijk niet alleen naar div's, maar gewoon naar algemeen goed HTML gebruik

Dit is een goed startpunt: http://home.parse.nl/~michiel/semantiek.html

[Sebazzz]

Het is misschien wel mogelijk, door de scriptreferenties van Lightbox in het topframe te plaatsen, en deze dan via het iframe aan te roepen.

[Verwijderd]

Sebazzz schreef op woensdag 07 april 2010 @ 14:36:
Het is misschien wel mogelijk, door de scriptreferenties van Lightbox in het topframe te plaatsen, en deze dan via het iframe aan te roepen.

Dit snap ik niet...

[Taartvarken]

Je moet het niet in een iFrame doen, dat heeft mijns inziens totaal geen nut.
Daarbij heb je een spelfout gemaakt...

[Verwijderd]

WiertOmta schreef op woensdag 07 april 2010 @ 17:15:
Je moet het niet in een iFrame doen, dat heeft mijns inziens totaal geen nut.
Daarbij heb je een spelfout gemaakt...

Maar hoe dan wel. Als niemand een voorzetje geeft, leer ik het nooit.....

[wheez50]

Voorzetje is al gegeven: Gebruik een <div> tag. Met dynamisch html/javascript kan je een div omvormen tot wat je maar wilt

[NMe]

Verwijderd schreef op woensdag 07 april 2010 @ 17:18:
[...]

Maar hoe dan wel. Als niemand een voorzetje geeft, leer ik het nooit.....

Drie hints:

1. div
2. CSS
3. overflow

Verder heeft het heel weinig nut om thumbnails danwel lightboxes op je site te zetten als je thumbnails gewoon alsnog door de browser verkleinde versies van het grote bestand zijn. Op die manier moet de client alsnog complete MB's tegelijk aan images binnentrekken.

[TERW_DAN]

En als de browser gaat verkleinen ziet het er in de meeste gevallen vrij crappy uit, in tegenstelling tot thumbnails die op een fatsoenlijke manier verkleind zijn.

[Sebazzz]

wheez50 schreef op woensdag 07 april 2010 @ 17:22:
Voorzetje is al gegeven: Gebruik een <div> tag. Met dynamisch html/javascript kan je een div omvormen tot wat je maar wilt

Dat is niet echt handig want daarmee maak je je site wel afhankelijk van Javascript.

WiertOmta schreef op woensdag 07 april 2010 @ 17:15:
Je moet het niet in een iFrame doen,

iFrame, is dat een digitaal fotolijstje van Apple?

[AW_Bos]

Sebazzz schreef op woensdag 07 april 2010 @ 14:36:
Het is misschien wel mogelijk, door de scriptreferenties van Lightbox in het topframe te plaatsen, en deze dan via het iframe aan te roepen.

Ik vrees dat dat niet zal gaan werken . Frames renderen allen binnen zich eigen, en niet erbuiten.

[Sebazzz]

AW_Bos schreef op woensdag 07 april 2010 @ 17:51:
[...]

Ik vrees dat dat niet zal gaan werken . Frames renderen allen binnen zich eigen, en niet erbuiten.

Een iframe maakt deel uit van dat 'eigen' dus ik zie niet waarom dat niet zal werken. Uit de losse pols:

HTML:

<!doctype html>
<html>
 <head>
  <script type="application/javascript" src="lightbox.js"></script>
  <script type="application/javascript">
    function activateLightbox(imageUrl) {
     // iets
    }
   </script>
 </head>
 <body>
  <iframe src="fotoalbum.html"> (inhoud van fotoalbum body:)
    <a href="foto.jpg" onclick="document.top.activateLightbox('foto.jpg')">Foto</a>
  </iframe>
 </body>
</html>

[NMe]

Sebazzz schreef op woensdag 07 april 2010 @ 17:47:
[...]

Dat is niet echt handig want daarmee maak je je site wel afhankelijk van Javascript.

Hoeveel zichzelf respecterende browsers (zelfs mobiele browsers!) ken jij die daar moeite mee hebben?

[mcDavid]

AW_Bos schreef op woensdag 07 april 2010 @ 17:51:
[...]

Ik vrees dat dat niet zal gaan werken . Frames renderen allen binnen zich eigen, en niet erbuiten.

Ja, je zou dan de lightbox-scripts in het top-frame moeten stoppen, en vanuit de iframe een referentie maken naar de scripts in het top-frame. Met alle mogelijke XSS-problemen van dien.
De echte oplossing is zoals al herhaaldelijk aangedragen: geen frames gebruiken.

[Sebazzz]

NMe schreef op woensdag 07 april 2010 @ 18:05:
[...]

Hoeveel zichzelf respecterende browsers (zelfs mobiele browsers!) ken jij die daar moeite mee hebben?

Er hoeft maar een foutje in je javascript te zitten en heel je website doet het niet meer. Daarnaast zal de standaard implementatie navigeren niet makkelijker maken. En ik weet niet in hoeverre Google door zo'n site kan of zal navigeren.

[TERW_DAN]

Als jij fatsoenlijke HTML gebruikt dan zal google hier prima mee overweg kunnen hoor. Het hoeft navigeren ook helemaal niet lastiger te maken of wat dan ook.

[Verwijderd]

Sebazzz schreef op woensdag 07 april 2010 @ 18:01:
[...]

Een iframe maakt deel uit van dat 'eigen' dus ik zie niet waarom dat niet zal werken. Uit de losse pols:

HTML:

<!doctype html>
<html>
 <head>
  <script type="application/javascript" src="lightbox.js"></script>
  <script type="application/javascript">
    function activateLightbox(imageUrl) {
     // iets
    }
   </script>
 </head>
 <body>
  <iframe src="fotoalbum.html"> (inhoud van fotoalbum body:)
    <a href="foto.jpg" onclick="document.top.activateLightbox('foto.jpg')">Foto</a>
  </iframe>
 </body>
</html>

Ik heb deze in alle vormen en maten geprobeerd, maar ik kan er geen soep van maken...

[Aganim]

Sebazzz schreef op woensdag 07 april 2010 @ 18:58:
[...]Dat is niet echt handig want daarmee maak je je site wel afhankelijk van Javascript.

-

Er hoeft maar een foutje in je javascript te zitten en heel je website doet het niet meer.

Dan kunnen we CSS, PHP en XHTML ook direct het raam uit gooien. Als je daar fouten in maakt, kan het ook gebeuren dat je volledige website het niet meer (goed) doet.

Zo'n probleem is het gebruik van javascript niet, ook niet voor Google, mits goed toegepast. Denk maar eens aan AJAX.

[ Voor 8% gewijzigd door Aganim op 07-04-2010 21:07 ]

[Verwijderd]

Dit gaat al lang niet meer over mijn vraagstelling in de eerste post..

[mcDavid]

Verwijderd schreef op woensdag 07 april 2010 @ 21:14:
Dit gaat al lang niet meer over mijn vraagstelling in de eerste post..

Ik denk dat er weinig meer over te zeggen valt...

Wat is trouwens sowieso de reden dat je een frameset gebruikt? Die linker en rechter frame zijn helemaal leeg. Enige wat het doet is dat de scrollbalk op de verkeerde plek gaat staan.

En die iframe, is dat omdat je de data die daar komt in een los bestand wilt hebben? Dat kan veel makkelijker met een include. <?php include 'bestandsnaam.html'; ?> is al genoeg.

[ Voor 44% gewijzigd door mcDavid op 07-04-2010 21:34 ]

[Sebazzz]

Aganim schreef op woensdag 07 april 2010 @ 21:06:
[...]

Zo'n probleem is het gebruik van javascript niet, ook niet voor Google, mits goed toegepast. Denk maar eens aan AJAX.

Daar doel ik juist op. Als je AJAX toepast, hoe zeker is het dat Google daar goed doorheen navigeert? Een goede vuisregel blijft gewoon dat Javascript een toevoeging moet zijn, geen vervanging.

Terw_Dan schreef op woensdag 07 april 2010 @ 20:20:
Als jij fatsoenlijke HTML gebruikt dan zal google hier prima mee overweg kunnen hoor. Het hoeft navigeren ook helemaal niet lastiger te maken of wat dan ook.

De HTML is het probleem ook niet. Het afhankelijk maken van JS wel.

[ Voor 39% gewijzigd door Sebazzz op 07-04-2010 22:20 ]

[RobIII]

Verwijderd schreef op woensdag 07 april 2010 @ 15:02:
Dit snap ik niet...

Verwijderd schreef op woensdag 07 april 2010 @ 17:18:
Maar hoe dan wel. Als niemand een voorzetje geeft, leer ik het nooit.....

Verwijderd schreef op woensdag 07 april 2010 @ 20:54:
Ik heb deze in alle vormen en maten geprobeerd, maar ik kan er geen soep van maken...

Verwijderd schreef op woensdag 07 april 2010 @ 21:14:
Dit gaat al lang niet meer over mijn vraagstelling in de eerste post..

We zitten hier niet om handjes vast te houden zeg. Je reacties schitteren allemaal door gebrek aan eigen inzet. Als je het van ons wil voorgekauwd krijgen ben je aan het verkeerde adres op GoT. We verwachten hier dat je zélf ook moeite doet. Als je dan zegt "Ik heb deze in alle vormen en maten geprobeerd, maar ik kan er geen soep van maken" dan zie ik graag wat je dan hebt geprobeerd (toon dan de code zoals je 't had) en als je zegt "Dit snap ik niet" dan hoor ik graag wat je niet snapt.

De mensen die hier in dit topic reageren doen moeite voor je; het minste wat je kunt doen is zelf ook wat moeite doen. Als je ergens niet in thuis bent, iets niet snapt, whatever dan zoek je zaken op, ga je tutorials volgen etc. En niet "dit snap ik niet" zonder verdere info roepen. Wegens gebrek aan eigen inzet gaat dit topic echter dicht. Probeer het gerust opnieuw, maar hou je dan aan onze Quickstart en denk mee.

[ Voor 4% gewijzigd door RobIII op 07-04-2010 22:43 ]