plugin prettyPhoto. Comment puis-je déclencher le plugin après un clic sur un bouton ?

**sleeg** · 09/07/2010, 11h51

Bonjour,

J'utilise un plugin jquery (prettyphoto) pour ouvrir des fiches de biens en popup sur mon site et je voudrais pouvoir ouvrir ce popup aussi grace a un bouton html... du coup ou est ce que je peux mettre la commande "rel=prettyPhoto" lorsqu'on ouvre le lien avec un bouton??

J'ai ce code pour mon bouton que je voudrais utiliser:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="button" name="popup" value="popup" onclick="self.location.href='mon-adresse'"/>

Et code pour ouvrir mes fiches habituelles :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href=passerelles_readportail.asp?id=xxxx&iframe=true&width=600&height=300 rel=prettyPhoto>

Une idée? Merci d'avance

**danielhagnoul** · 11/07/2010, 21h50

Bonsoir.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input id="btnPrettyPhoto" type="button" name="popup" value="popup" onclick="self.location.href='mon-adresse'"/>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="passerelles_readportail.asp?id=xxxx&iframe=true&width=600&height=300" rel="prettyPhoto">

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<script charset="utf-8" src="../lib/jqueryui/js/jquery-1.4.2.min.js"></script>
<script>
	$(function(){
		$("#btnPrettyPhoto").click(function(){
			$("a[rel^='prettyPhoto']").prettyPhoto();
		});
	});
</script>

Un click sur le bouton ouvrira prettyPhoto pour toutes les images ayant l'attribut rel="prettyPhoto"

**sleeg** · 12/07/2010, 14h17

Bonjour et merci d'avoir pris le temps de me répondre!
J'ai essayé le code que tu m'as donné que je n'arrive toutefois pas a faire fonctionner... J'ai besoin de ce plugin pour des liens et non des images. Voici mon code après les indications que tu m'as données :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!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>Document sans nom</title>
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen">
<script src="js/jquery.tools.min.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script>
	$(function(){
		$("#btnPrettyPhoto").click(function(){
			$("a[rel^='prettyPhoto']").prettyPhoto();
		});
	});
</script>
</head>
<body>
<input id="btnPrettyPhoto" type="button" name="popup" value="popup" onclick="self.location.href='www.google.com'"/>
</body>
</html>

**danielhagnoul** · 12/07/2010, 22h02

Bonsoir.

Vous n'avez pas chargé jQuery. Voir mon exemple ci-dessus.

Voir http://www.developpez.net/forums/d89...y/#post5081860

plugin prettyPhoto. Comment puis-je déclencher le plugin après un clic sur un bouton ?

jQuery

Discussions similaires

Partager

Partager