Bonjour,


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

http://www.eyecon.ro/spacegallery/

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


Voici la partie 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>';

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

Voici la partie css:


Merci pour votre aide...

personne ne peut m'aider???

Merci d'avance

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

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.

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

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"???

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 next et positionImages 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

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.
Tu connais des galeries qui correspondent mieux à mon choix??


Merci pour ton aide

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"???

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 :

$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>';

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.

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.

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?

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

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