Pointer vers une adresse mail dans une preview d'image

**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

Pointer vers une adresse mail dans une preview d'image

jQuery

Discussions similaires

Partager

Partager