Comment rendre image cliquable et faire apparaître l'image d'origine dans une nouvelle fenetre

**spespam** · 12/01/2013, 00h46

Bonsoir,

J'ai récupérer un vieux script (malheureusement l'auteur ne s'en occupe plus). Il correspond parfaitement à mon site. Il lui manque juste deux trucs :

1) c'est que quand quelqu'un clique sur une photo, ça ouvre la photo d'origine dans une nouvelle fenêtre.
2) Je voudrais aussi un défilement de la droite vers la gauche si possible. Si quelqu'un peut donner un petit coup de main.

J'ai déjà regardé du côté de jquery mais aucun ne me satisfait, et surtout j'y connais rien en javascript, alors que ce script est tout simple et fonctionne bien. Merci !!!

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
<body onLoad="rotate();">
<?php
$directory_name = "agenda/upload/";
$extensions_ok = array ( ".jpg","jpeg",".gif",".png");
$folder = opendir ($directory_name);
$i = 0;
$photos = array();
while ($file = readdir ($folder))
{
if (in_array(strtolower(substr($file, -4)),$extensions_ok))
$photos[] = $directory_name."/".$file;
}
closedir ($folder);
$count_photos = count ($photos);
?>
<script type="text/javascript">
var rotate_delay = 4000; // delais en microseconde (4000 = 4 secs)
var current = -1;
var photos = [<?php for($i=0;$i<$count_photos;$i++)
{
echo "\"".$photos[$i]."\"";
if($i!=$count_photos-1) echo ",";
}
?>];
function next() {
if (current<photos.length - 1)
++current;
else current = 0;
}
function rotate() {
if(photos.length > 0)
{
next();
document.images.slides.src = photos[current];
window.setTimeout("rotate()", rotate_delay);
}
}
</script>

**NoSmoking** · 12/01/2013, 08h51

Bonjour,

1) c'est que quand quelqu'un clique sur une photo, ça ouvre la photo d'origine dans une nouvelle fenêtre.

il suffit de mettre l'image dans un lien et d'utiliser l'attribut TARGET.

2) Je voudrais aussi un défilement de la droite vers la gauche si possible. Si quelqu'un peut donner un petit coup de main.

Là ce n'est plus la même approche.

**spespam** · 12/01/2013, 15h37

comment j'intègre l'attribut target ?

**NoSmoking** · 13/01/2013, 00h41

La base même des liens

Code html :

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

<a href="la_page.html" target="Nom_Fenetre">Libellé du lien</a>

http://xhtml.developpez.com/faq/?page=liens

**DezMax** · 13/01/2013, 01h00

ou

Code HTML :

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

1
2
 
<a href="#" onclick="window.open('chemin_image');">Lien ou Image</a>

Comment rendre image cliquable et faire apparaître l'image d'origine dans une nouvelle fenetre

JavaScript

Discussions similaires

Partager

Partager