Bonjour à tous,
Je cherche depuis un moment mais ne parviens pas à trouver. J'utilise Colorbox (complément jQuery pour diapo, http://colorpowered.com/), pour utiliser un effet de zoom sur une iframe. J'aimerai faire apparaitre cet effet au chargement de la page html. Comment faire ?

à la base, j'ai :


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
$(document).ready(function(){
$(".example7").colorbox({width:"95%", height:"95%", iframe:true});
$("#click").click(function(){ 
				$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
				return false;
			});
		});

et dans mon body :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<p><a class='example7' title="Passez l'introduction" href="http://www.pubattitude.com/maquettes/anim/">O</a></p>


J'ai tenté de faire :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
$ (window).onload = (function() {
 
$(".example7").colorbox({width:"95%", height:"95%", iframe:true});
$("#click").click(function(){ 
				$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
				return false;
			});
		});

Mais ca n'a rien donné. Il faut surement modifier quelque chose dans le body ??



Merci pour votre aide.