1. #1
    Install's Avatar
    Registered
    15/05/04
    Location
    Genk
    Posts
    303
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0

    HTML: het gebruik van Lightbox in een iframe + probleem in IE

    Ik moet dus het lightbox script gebruiken in een iframe maar de image moet zich erbuiten weergeven wat op dit momenet niet het geval is.

    http://www.install.webbjack.com/poppenstoet/index2.htm

    is mijn link, daar doorklikken naar illustraties.

    Ik heb nog geen thumbnail gemaakt omdat het een test afbeelding is.
    maar als je dus klikt op image#1 dan verkracht hij de iframe en dat is dus niet de bedoeling.

    Iemand een idee hoe ik dit kan fixen?
    illus.html :
    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>
    </head>
    
    <body>
    
    <a href="images/uc.jpg" rel="lightbox" title="my caption">image #1</a>
    
    </body>
    </html>
    Dit is de mainpage code:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Poppenstoet</title>
    <link href="stylesheet.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    <!--
    body {
        background-color: #CCCCCC;
    }
    .style1 {font-size: 100px}
    
    -->
    </style></head>
    
    <body class="oneColElsCtrHdr">
    
    <div id="container">
      <div id="mainContent">
        <p>&nbsp;</p>
        <p align="center"><img name="head" src="images/head.png" width="500" height="100" alt=""></p>
        <p align="center"><a href="adres.htm">
          <iframe src="iframe.htm" name="iframe" width="100%" height="500px" scrolling="auto" frameborder="0" background-color="d4dacf"> </iframe>
        </a> </p>
        <p>&nbsp;</p>
      <!-- end #mainContent --></div>
      <div id="footer">
        <div align="center">
          <p><a href="iframe.htm" target="iframe">Start</a> | <a href="informatie.htm" target="iframe">Informatie</a>  | <a href="illus.html" target="iframe">Illustraties</a> | <a href="agenda.htm" target="iframe">Agenda</a> | <a href="links.htm" target="iframe">Links</a> | <a href="extra.htm" target="iframe">Extra</a> | <a href="adres.htm">Verkoopadressen</a></p>
        </div>
      </div>
        <p>&nbsp;</p>
    </div>
    <!-- end #container --></div>
    </body>
    </html>
    Think before you jump cause when laughter fades the scars wil last forever
    Proud Supervisor of ECN

    no votes  

  2. #2
    grooverider's Avatar
    Registered
    08/07/03
    Location
    Leuven
    Posts
    328
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    volgens mij is dit eigen aan lightbox en zal je dus in de source moeten gaan knoeien ...
    mag ik u bij deze ook slimbox aanbevelen (kleiner/beter).
    no votes  

  3. #3
    Install's Avatar
    Registered
    15/05/04
    Location
    Genk
    Posts
    303
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    uhu maar iemand die een oplossing weet voor de code zit er nu al de hele dag op
    vindt nix

    en btw in IE klopt men CSS helemaal niet
    Think before you jump cause when laughter fades the scars wil last forever
    Proud Supervisor of ECN

    no votes  

  4. #4
    Sprits's Avatar
    Registered
    24/09/04
    Location
    Reet
    Posts
    2,501
    iTrader
    81 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Can the script be called from an iframe?
    If you're using iframes, try the Lytebox modification which has better support.
    http://www.huddletogether.com/projec...tbox2/#support

    Lytebox
    http://www.dolem.com/lytebox/
    no votes  

  5. #5
    Install's Avatar
    Registered
    15/05/04
    Location
    Genk
    Posts
    303
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    thanx
    Think before you jump cause when laughter fades the scars wil last forever
    Proud Supervisor of ECN

    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in