Pointer vers une adresse mail dans une preview d'image [Résolu]

ourson78 · 03/03/2011, 22h16

Bonsoir à tous,

je souhaiterais savoir si dans une preview d'image on peut mettre un lien vers une adresse de site. Ce n'est pas très clair alors je vais laisser parler le code :

d'abord le html (avec aussi du php)

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<link rel="stylesheet" media="screen" href="crea.css" />
		<title>CREACORP</title>
 
		 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
		<script type="text/javascript" src="core.js">
 
		</script>
		<noscript>Attention ! Javascript est désactivé.</noscript>
 
	</head>
	<body>
<div id="conteneur">
 
	<?php include ('header.php'); ?>
 
	<?php include ('menu.php'); ?>
 
	<div id="reference" >
 
	<h1>Ils nous font confiance</h1><hr />
 
	<div class="thumb">
 
	<a href="univ-thumbs2.jpg">
 
	<img src="univ-thumbs.jpg" alt="miniature du site universlam" />
 
	</a>
 
	<?php include ('footer.php'); ?>
 
	</div>
</div>	
</body>
</html>

et voici le j-query

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
21
22
23
24
25
26
27
28
29
30
31
32
33
$(document).ready(function(){
 
    		$('.thumb img').hover(function(e){
    			//Dessus
    			var src = $(this).parent('a').attr('href');
    			var alt = $(this).attr('alt');
 
    			$('<div class="prev"><img src ="'+src+'" alt="'+alt+'" /><span>'+alt+'</span></div>')
    				.appendTo('body').hide().fadeIn(300);
 
    			$('.prev').css({
    				'position' : 'absolute',
    				'top' : e.pageY + 25,
    				'left' : e.pageX - ($('.prev img').width()/2)
    			});
 
    		},function(){
    			//en dehors
    			$('.prev').fadeOut(200, function(){$(this).remove()});
 
    		});
 
    		$('.thumb img').mousemove(function(e){
    			$('.prev').css({
    				'top' : e.pageY + 25,
    				'left' : e.pageX - ($('.prev img').width()/2)
    			});
    		});
 
    		$('.thumb a').click(function(){
    			return false;
    		});
    	});

je me demandais si à la place de "return false", on pouvait mettre une url ?

SpaceFrog · 04/03/2011, 09h33

quel rapport avec le mail ?

sinon tu peut mettre un location href ou window open à la place te ton return false

ourson78 · 10/03/2011, 15h54

BOnjour,

merci pour ton aide, j'ai utilisé location href et sa marche parfaitement,
donc voici le code jquery final:

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
$(document).ready(function(){
 
    		$('.thumb img').hover(function(e){
    			//Dessus
    			var src = $(this).parent('a').attr('href');
    			var alt = $(this).attr('alt');
 
    			$('<div class="prev"><img src ="'+src+'" alt="'+alt+'" /><span>'+alt+'</span></div>')
    				.appendTo('body').hide().fadeIn(300);
 
    			$('.prev').css({
    				'position' : 'absolute',
    				'top' : e.pageY + 25,
    				'left' : e.pageX - ($('.prev img').width()/2)
    			});
 
    		},function(){
    			//en dehors
    			$('.prev').fadeOut(200, function(){$(this).remove()});
 
    		});
 
    		$('.thumb img').mousemove(function(e){
    			$('.prev').css({
    				'top' : e.pageY + 25,
    				'left' : e.pageX - ($('.prev img').width()/2)
    			});
    		});
 
    		$('.thumb a').click(function(){
    			$(location).attr('href',"http://www.universlam.com/");
                        return false;
    		});
    	});

je classe mon sujet en résolu

ourson78 · 10/03/2011, 15h55

et effectivement, je me suis trompé, je cherchais à pointer vers une URL

04/03/2011, 09h33	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	quel rapport avec le mail ? sinon tu peut mettre un location href ou window open à la place te ton return false __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

10/03/2011, 15h55	#4
ourson78 Invité de passage David Bollinger Développeur Web Inscription : février 2011 Messages : 23 Détails du profil Informations personnelles : Nom : David Bollinger Localisation : Canada Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : février 2011 Messages : 23 Points : 3 Points : 3	et effectivement, je me suis trompé, je cherchais à pointer vers une URL
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email