lightbox vraagje

**D. Chan** · 29-10-2009, 21:25

Hoi allemaal,

Vraagje ik zoek een lightbox, mootools of wat anders te gebruiken als popup bij openen van een pagina en of website. Dus je opent een website www.website.ext vervolgens krijg je het effect van lightbox te zien die je dan kan weg klikken of niet.

Weet iemand deze te vinden, ik nml niet (of ik kijk niet goed).

**gast12122** · 29-10-2009, 21:51

voor fotogallerij of?

**D. Chan** · 29-10-2009, 21:54

nee meer voor een mededeling, je krijgt een mededeling te zien op de website die men kan wegklikken.

**Gijs van Egmond** · 29-10-2009, 21:59

Deze moet je hebben http://www.stickmanlabs.com/lightwindow/

**D. Chan** · 29-10-2009, 22:01

@Gijs,

Nee die had ik al gevonden.

Ik zoek geen link die je moet aanklikken om de layover te krijgen, nee deze moet komen bij het openen van de pagina zelf (automatisch).

**Gijs van Egmond** · 29-10-2009, 22:08

Oh verkeerd gelezen, deze die jij noemt moet ik ook ergens hebben, zal zo even voor je opzoeken.

**Henk G.** · 29-10-2009, 22:10

ipv de functie op te roepen bij een link kun je de link ook bij body onload opstarten.
Zodra de site geladen is word je lightbox dan geopend.

**D. Chan** · 29-10-2009, 22:12

Origineel gepost door Henk G.

ipv de functie op te roepen bij een link kun je de link ook bij body onload opstarten.
Zodra de site geladen is word je lightbox dan geopend.

Heb ik geprobeerd, maar krijg het niet aan de praat, heb jij een voorbeeld?

**Daan V.** · 29-10-2009, 22:18

Je zoekt dit

**Gijs van Egmond** · 29-10-2009, 22:27

Of dit http://hobione.wordpress.com/2007/12...uery-thickbox/

**D. Chan** · 29-10-2009, 22:29

Thanx, dat is um, Great!
Aanvullend bericht:
Nee, ik krijg ook deze niet aan de praat
Aanvullend bericht:
Ik heb nu staan:

Code:

 <script src="js/prototype.js" type="text/javascript"></script>
 <script src="js/lightbox.js" type="text/javascript"></script>

en

Code:

 <input class="lbOn" id="lbOnAuto" type="hidden" value="http://google.com">

alle twee in de head

**Martijn Dwars** · 29-10-2009, 22:56

Een input moet sowieso niet in de head, dat gaat nooit lukken. Je zult zoals eerder gezegd in de onLoad van je document de lightview moeten openen.

**D. Chan** · 29-10-2009, 23:04

Martijn, heb jij een voorbeeld?
Aanvullend bericht:
Laat maar ik heb heb het al,.. http://cocolp.free.fr/lightview/
Aanvullend bericht:
het begint te duizelen, wat doe ik nu verkeerd. Ik heb het zelfde als van http://cocolp.free.fr/lightview/ over genomen, css, js en de google code js heb ik gelinkt naar google. Maar hij wil hem niet pakken...

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
 <HEAD>
  <TITLE> Test  </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js'></script>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.1/scriptaculous.js'></script>
<script type='text/javascript' src='js/lightview.js'></script>
 
<link rel="stylesheet" type="text/css" href="css/lightview.css" />

 </HEAD>
 <BODY>
<script language="javascript">
document.observe('lightview:loaded', function() {
  Lightview.show({
    href: '/splash/bienvenue.html',
    rel: 'ajax',
    title: '',
    caption: '',
    options: {
      autosize: true,
      topclose: true,
      ajax: {
        method: 'get',
        evalScripts: true,
        onComplete: function(){ $('name').focus(); }
      }
    }
  });
});
 
</script>
 
 
 </BODY>
</HTML>

**Gijs van Egmond** · 30-10-2009, 07:19

Problem: I could not figure it out how to make a thick box open with page on load,
Launch thickbox onload instead of onclick
Tried these, did not work.

Code:

 
<body onload=”thickBoxPopup();”>
<script>
function thickBoxPopup(){
tb_show(“Test”,”body/blank.html”,”images/cart.gif”);
}
</script>

OR,

Code:

function thickBoxPopup(){
window.open(“body/blank.html?height=120&width=400 class=thickbox title=CD ROM Order Support”);
}

Solution:
At the top of the page I have added this, and it worked great. $ (dollar) sign is necessary; this ain’t PHP or Perl. $() -> Dollar sign and brackets construct a new jQuery object.

Code:

 
<script>
$(document).ready(function(){
tb_show(“CD ROM Order”,”body/blank.html?height=120&width=400″,”images/cart.jpg”);
});
</script>

**gast12122** · 30-10-2009, 22:31

waarom moeilijk doen?
neem gewoon een simpele dan ?

<html>
<head>
<script type="text/javascript">
function message()
{
alert("This alert box was called with the onload event");
}
</script>
</head>

<body onload="message()">
</body>
</html>

lightbox vraagje