Afficher une photo par defaut aider moi svp
micka30
Messages postés
102
Statut
Membre
-
micka30 Messages postés 102 Statut Membre -
micka30 Messages postés 102 Statut Membre -
Bonjour,
Bonjour,
ce script m'embête un peut, car si on clique pas sur la photo elle n'apparait pas en gros, a la place c'est une croix rouge qui apparait!
cela ,ne fait pas tres jolie,
donc voici ma question :
comment afficher la premiere photo par defaut?
voici un lien vers mon site pour mieu comprendre:
http://www.uncupidon.com/fichemembre.php?id=12
merci d'avance de vaut reponse!
et voici les script:
Code : JavaScript -
function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
// On récupère l'élément ayant pour id galerie_mini
var liens = photos.getElementsByTagName('a') ;
// On récupère dans une variable tous les liens contenu dans galerie_mini
var big_photo = document.getElementById('big_pict') ;
// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale
var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
// Et enfin le titre de la photo de taille normale
// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
for (var i = 0 ; i < liens.length ; ++i) {
// Au clique sur ces liens
liens[i].onclick = function() {
big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
big_photo.alt = this.title; // On change son titre
titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
return false; // Et pour finir on inhibe l'action réelle du lien
};
}
}
window.onload = displayPics;
// Il ne reste plus qu'à appeler notre fonction au chargement de la page
Code : PHP -
<div id="galerie">
<div id="galerie_mini">
<?php
if (!empty($donnees0['photo1']))
{
echo '<a href="images/'.$donnees0['photo1'].'" title="'.$donnees0['commentaire1'].'"><img src="images/'.$donnees0['photo2'].'" alt="'.$donnees0['commentaire1'].'" /></a>';
}
if (!empty($donnees0['photo3']))
{
echo '<a href="images/'.$donnees0['photo3'].'" title="'.$donnees0['commentaire2'].'"><img src="images/'.$donnees0['photo4'].'" alt="'.$donnees0['commentaire2'].'" /></a>';
}
if (!empty($donnees0['photo5']))
{
echo '<a href="images/'.$donnees0['photo5'].'" title="'.$donnees0['commentaire3'].'"><img src="images/'.$donnees0['photo6'].'" alt="'.$donnees0['commentaire3'].'" /></a>';
}
if (!empty($donnees0['photo7']))
{
echo '<a href="images/'.$donnees0['photo7'].'" title="'.$donnees0['commentaire4'].'"><img src="images/'.$donnees0['photo8'].'" alt="'.$donnees0['commentaire4'].'" /></a>';
}
if(!empty($donnees0['photo9']))
{
echo '<a href="images/'.$donnees0['photo9'].'" title="'.$donnees0['commentaire5'].'"><img src="images/'.$donnees0['photo10'].'" alt="'.$donnees0['commentaire5'].'" /></a>';
}
?>
</div>
<dl id="photo">
<dt>Titre de la photo 1</dt>
<dd><img id="big_pict" src="images/" alt="Photo 1 en taille normale" /></dd>
</dl>
</div>
Bonjour,
ce script m'embête un peut, car si on clique pas sur la photo elle n'apparait pas en gros, a la place c'est une croix rouge qui apparait!
cela ,ne fait pas tres jolie,
donc voici ma question :
comment afficher la premiere photo par defaut?
voici un lien vers mon site pour mieu comprendre:
http://www.uncupidon.com/fichemembre.php?id=12
merci d'avance de vaut reponse!
et voici les script:
Code : JavaScript -
function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
// On récupère l'élément ayant pour id galerie_mini
var liens = photos.getElementsByTagName('a') ;
// On récupère dans une variable tous les liens contenu dans galerie_mini
var big_photo = document.getElementById('big_pict') ;
// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale
var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
// Et enfin le titre de la photo de taille normale
// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
for (var i = 0 ; i < liens.length ; ++i) {
// Au clique sur ces liens
liens[i].onclick = function() {
big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
big_photo.alt = this.title; // On change son titre
titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
return false; // Et pour finir on inhibe l'action réelle du lien
};
}
}
window.onload = displayPics;
// Il ne reste plus qu'à appeler notre fonction au chargement de la page
Code : PHP -
<div id="galerie">
<div id="galerie_mini">
<?php
if (!empty($donnees0['photo1']))
{
echo '<a href="images/'.$donnees0['photo1'].'" title="'.$donnees0['commentaire1'].'"><img src="images/'.$donnees0['photo2'].'" alt="'.$donnees0['commentaire1'].'" /></a>';
}
if (!empty($donnees0['photo3']))
{
echo '<a href="images/'.$donnees0['photo3'].'" title="'.$donnees0['commentaire2'].'"><img src="images/'.$donnees0['photo4'].'" alt="'.$donnees0['commentaire2'].'" /></a>';
}
if (!empty($donnees0['photo5']))
{
echo '<a href="images/'.$donnees0['photo5'].'" title="'.$donnees0['commentaire3'].'"><img src="images/'.$donnees0['photo6'].'" alt="'.$donnees0['commentaire3'].'" /></a>';
}
if (!empty($donnees0['photo7']))
{
echo '<a href="images/'.$donnees0['photo7'].'" title="'.$donnees0['commentaire4'].'"><img src="images/'.$donnees0['photo8'].'" alt="'.$donnees0['commentaire4'].'" /></a>';
}
if(!empty($donnees0['photo9']))
{
echo '<a href="images/'.$donnees0['photo9'].'" title="'.$donnees0['commentaire5'].'"><img src="images/'.$donnees0['photo10'].'" alt="'.$donnees0['commentaire5'].'" /></a>';
}
?>
</div>
<dl id="photo">
<dt>Titre de la photo 1</dt>
<dd><img id="big_pict" src="images/" alt="Photo 1 en taille normale" /></dd>
</dl>
</div>
A voir également:
- Afficher une photo par defaut aider moi svp
- Google photo - Télécharger - Albums photo
- Photo filtre 7 gratuit - Télécharger - Retouche d'image
- Windows 11 clic droit afficher plus d'options par défaut - Guide
- Google maps photo maison - Guide
- Partage photo - Guide
non non mon probl^me est toujour pas resolu!
voici le lien:
http://www.uncupidon.com/fichemembre.php?id=17
il ya toujours les photos miniature , mais si tu clique sur l'une d'elle ca va afficher la même photo mais en plus grosse ,
mais tant que ne clique pas dessus, il ya cette petit croix rouge qui n'est pas jolie ! (en dessous de Titre de la photo 1 )
j'espere que tu pourra m'aider