mais je persiste à dire que ce n'est pas une bonne idée ce que tu fais là !... en tout cas, c'est pas propre !....

Les 2 fonctions que je t'ai données plus haut sont appelée à chaque fois qu'il y a un changement sur l'image au premier plan, donc en appelant (après traitement) une fonction qui va récupérer l'image en tète (par ce que ta galerie déplace physiquement les images au sein de ta div) il suffirait d'ajouter en PHP deux attribut à ton image (title et longDesc par exemple) tu pourrait aisément créer un lien en utilisant le contenu de ces paramètres ...

je pense que ce serait bien plus optimisé que ça n l'ai actuellement :D

C'est bon j'ai trouvé. J'ai créé une fonction javascript qui permet de diriger sur la bonne page.

Merci toutefois pour votre aide

L'opacité change en fonction de la position de l'image. Plus l'image approche du premier plan plus l'opacité sera proche de 1.

Comment peut-on récupérer l'id d'une image?

Le javascript s'exécute du côté client, donc après le traitement du serveur qui lui exécute le php.
Si tu veux avoir une interaction entre le client et le serveur il faut passer par de l'ajax.

Mais cette opacité n'est-elle pas fixe ? Cela doit suivre un algorithme linéaire.
Car rien ne sers de sortir la grosse artillerie pour si peu.

J'utilise la première url:

http://www.monsite.fr/index.php?toto=A&titi=b

J'ai trouvé un début solution comme je dis dans mon précédent message, je vais passer par l'opacité de l'image. J'ai réussi à récupérer la valeur numérique maintenant il me reste à retourné cette valeur. Je suis nul en javascript!!
Est-il possible de retourner une valeur venant d'une fonction javascript pour ensuite la ré-utiliser en php.

Merci d'avance.

$contenu = '<div id ="galerie-images" class="spacegallery">';
foreach($tab_bijoux as $cle => $images)
{      
        $nomBijoux = $boutique->formate_chaine_de_caractere($tab_bijoux[$cle]['nomBijoux']);
        $nomCollection = $boutique->formate_chaine_de_caractere($parametre['nomCollection']);
        $url_image = 'images/' .$nomCollection. '/small/' .$nomBijoux. '_1.png';
        $contenu .= '<div class="spaceOB"><img src="' .$url_image. '"><a href="index.php">Test de lien</a></div>';
}
$contenu .= '</div>';


$contenu .= '<p>' .$tr_phrase1. '<span id="phrase1"><a href="http://www.google.fr">' .$tr_clique. '</span></a></p>';

[quote="tipi"]Non on ne peut pas créer ce que l'on ne voit pas mais cela s'appelle de la Création ou faire évoluer l'existant. Ton argument est un peu léger.

Qu'est ce que tu veux dire par "le format de ton lien"???[/quote]
Il n'est pas léger, il n'a pas été compris c'est différent. ^^
Je voulais dire qu'avec les données que tu nous avais fourni nous n'avons aucune idée de comment pointer vers tes articles.
As-tu un id utilisé dans l'url stocké dans ta bdd ? ect...

Et quand je parlais du format de lien je voulais dire :
http://monsite.com/article.php?id=X
http://monsite.com/article/X
http://monsite.com/?page=article&id=X

Et ainsi de suite.

Essayes de faire ceci histoire de voir si ta gallerie le prend en compte comme tu le souhaites :
[php]$contenu = '<div id ="galerie-images" class="spacegallery">';
foreach($tab_bijoux as $cle => $images)
{
$nomBijoux = $boutique->formate_chaine_de_caractere($tab_bijoux[$cle]['nomBijoux']);
$nomCollection = $boutique->formate_chaine_de_caractere($parametre['nomCollection']);
$url_image = 'images/' .$nomCollection. '/small/' .$nomBijoux. '_1.png';
$contenu .= '<div class="spaceOB"><img src="' .$url_image. '"><a href="index.php">Test de lien</a></div>';
}
$contenu .= '</div>';


$contenu .= '<p>' .$tr_phrase1. '<span id="phrase1"><a href="http://www.google.fr">' .$tr_clique. '</span></a></p>';[/php]

Ok. Mais j'ai remarqué qu'entre toutes les photos il y a une différences sur laquelle je pourrais approfondir: l'opacité de l'image. J'ai commencé à écrire une fonction en javascript qui permettrait de récupérer l'opacité de l'image. Cependant je n'arrive pas à la récupérer cette valeur.

[code]function Image()
{
var opacite = 0;
var galerie_image = document.getElementById("galerie-images");
var image_cible = galerie_image.getElementsByTagName("img");
for(var image_actuelle in image_cible)
{
opacite = image_cible[image_actuelle].filters.alpha.MozOpacity;
alert(opacite);
}
}[/code]

Tu connais des galeries qui correspondent mieux à mon choix??


Merci pour ton aide

salut.

Il semblerait que ta "Galerie" soit un truc pré-formaté qui récupère les images qui se situent dans une div pour les afficher de façon agréable !...

Si (et seulement si) c'est bien le cas, il te sera impossible d'ajouter un lien en liaison avec tes images sans entrer dans le code et modifier un peux partout !

donc ce que tu peux faire de façon simple et non intrusive c'est doubler les fonctions [b]next [/b]et [b]positionImages [/b]de manière à ce que, de la même manière ça traite en simultané des span et/ou des liens ... mais au final, ça risque d'etre un peux lourd

Sinon, tu peux facilement refaire une galerie qui corresponde mieux à ce que tu souhaites obtenir comme effet !...

BonCourage ;)

Non on ne peut pas créer ce que l'on ne voit pas mais cela s'appelle de la Création ou faire évoluer l'existant. Ton argument est un peu léger.

Qu'est ce que tu veux dire par "le format de ton lien"???

On peut pas inventer ce que l'on ne voit pas...
Quel est le format de ce lien ? Comment récupères-tu les informations de ce lien ? ect...

ok mais le truc c'est qu'ensuite il faut que j'arrive à rediriger vers le bon produit (c'est la première photo). C'est cela que je n'arrive pas à faire.

Pourquoi ne pas mettre le lien dans le <div class="spaceOB"> ?

personne ne peut m'aider???

Merci d'avance

$contenu = '<div id ="galerie-images" class="spacegallery">';
foreach($tab_bijoux as $cle => $images)
{	
	$nomBijoux = $boutique->formate_chaine_de_caractere($tab_bijoux[$cle]['nomBijoux']);
	$nomCollection = $boutique->formate_chaine_de_caractere($parametre['nomCollection']);
	$url_image = 'images/' .$nomCollection. '/small/' .$nomBijoux. '_1.png';
	$contenu .= '<div class="spaceOB"><img src="' .$url_image. '"></div>';
}
$contenu .= '</div>';


$contenu .= '<p>' .$tr_phrase1. '<span id="phrase1"><a href="http://www.google.fr">' .$tr_clique. '</span></a></p>';

Bonjour,


J'ai fait cet effet sur mon site (en construction):

[url]http://www.eyecon.ro/spacegallery/[/url]

Cependant je voudrais ajouter en dessous un lien qui renvoi vers la fiche du produit qui sera sur la première photo (au premier plan).
Je ne sais pas comment réaliser cette redirection???


[b][i]Voici la partie php:[/i][/b]
[php]
$contenu = '<div id ="galerie-images" class="spacegallery">';
foreach($tab_bijoux as $cle => $images)
{
$nomBijoux = $boutique->formate_chaine_de_caractere($tab_bijoux[$cle]['nomBijoux']);
$nomCollection = $boutique->formate_chaine_de_caractere($parametre['nomCollection']);
$url_image = 'images/' .$nomCollection. '/small/' .$nomBijoux. '_1.png';
$contenu .= '<div class="spaceOB"><img src="' .$url_image. '"></div>';
}
$contenu .= '</div>';


$contenu .= '<p>' .$tr_phrase1. '<span id="phrase1"><a href="http://www.google.fr">' .$tr_clique. '</span></a></p>';[/php]



[b[i]][u]Une petite explication[/u][/i]:[/b] $tr_clique correspond au lien ("Pour plus de détails: Cliquez-ici").
[b]
[i]Voici la partie css:[/i][/b]

[code]#galerie-images {
width: 100%;
height: 435px;
}

.spacegallery {
position: relative;
overflow: hidden;
}

.spacegallery img {
position: absolute;
left: 50%;
}

.spacegallery a {
position: absolute;
z-index: 10;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#galerie-images img {
border: none;
}

/* lien vers boutique en ligne*/
p #phrase1{
font: 12px "Century Gothic", Verdana, Arial, sans-serif;
text-transform: uppercase;
color: #FFFFFF;
}[/code]



Merci pour votre aide...