Rollover sur toutes les images d'un site
mi-mike
-
mi-mike -
mi-mike -
Bonjour à tous,
comme dit dans le titre j'aimerai savoir comment est-il possible de faire cela, c'est a dire afficher une autre image lorsque la souris passe sur une photo.
C'est un site de photographie crée avec wordpress et utilisant le thème expositio: http://wpshower.com/demo/?theme=expositio
Voci la parti du code que je pense concerné, du fichier : tmpl_single.php
___________________________________________________________
$the_query = new WP_Query( $arrArgs );
$rows_img = $the_query->posts;
$numItemsPerRow = 100;
$strResultGallery = '';
$strResultGallery .= '<table class="cls-table-gallery'.$strGalleryClass.'">';
$strResultGallery .= '<tr>';
$strResultGallery .= $strPostContent ? '<td class="wpscls-post-content">'.$strPostContent.'</td>' : '';
if (count($rows_img) > 0 && !is_page())
{
foreach ($rows_img as $numKey01 => $row_img)
{
$strFullImg = $row_img->guid;
$numTmpPos = strpos($strFullImg, '.', strlen($strFullImg) - 5);
$strExt = strtolower(substr($strFullImg, $numTmpPos));
$strThumb = substr($strFullImg, 0, $numTmpPos).$strExt;
if ($strExt == '.jpg' || $strExt == '.jpeg' || $strExt == '.gif' || $strExt == '.png')
{
$strResultGallery .= '<td>'.'<img alt="'.$row_img->post_title.'" src="'.$strThumb.'"/>';
$strResultGallery .= '<h5>'.$row_img->post_title.'</h5>';
$strResultGallery .= '</td>';
}
}
}
$strResultGallery .= '</tr>';
$strResultGallery .= '</table>';
if (count($rows_img) > 0 || $strPostContent) echo $strResultGallery;
break;
}
?>
_____________________________________________________________
Merci d'avance
mike
comme dit dans le titre j'aimerai savoir comment est-il possible de faire cela, c'est a dire afficher une autre image lorsque la souris passe sur une photo.
C'est un site de photographie crée avec wordpress et utilisant le thème expositio: http://wpshower.com/demo/?theme=expositio
Voci la parti du code que je pense concerné, du fichier : tmpl_single.php
___________________________________________________________
$the_query = new WP_Query( $arrArgs );
$rows_img = $the_query->posts;
$numItemsPerRow = 100;
$strResultGallery = '';
$strResultGallery .= '<table class="cls-table-gallery'.$strGalleryClass.'">';
$strResultGallery .= '<tr>';
$strResultGallery .= $strPostContent ? '<td class="wpscls-post-content">'.$strPostContent.'</td>' : '';
if (count($rows_img) > 0 && !is_page())
{
foreach ($rows_img as $numKey01 => $row_img)
{
$strFullImg = $row_img->guid;
$numTmpPos = strpos($strFullImg, '.', strlen($strFullImg) - 5);
$strExt = strtolower(substr($strFullImg, $numTmpPos));
$strThumb = substr($strFullImg, 0, $numTmpPos).$strExt;
if ($strExt == '.jpg' || $strExt == '.jpeg' || $strExt == '.gif' || $strExt == '.png')
{
$strResultGallery .= '<td>'.'<img alt="'.$row_img->post_title.'" src="'.$strThumb.'"/>';
$strResultGallery .= '<h5>'.$row_img->post_title.'</h5>';
$strResultGallery .= '</td>';
}
}
}
$strResultGallery .= '</tr>';
$strResultGallery .= '</table>';
if (count($rows_img) > 0 || $strPostContent) echo $strResultGallery;
break;
}
?>
_____________________________________________________________
Merci d'avance
mike
A voir également:
- Rollover sur toutes les images d'un site
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site x - Guide
- Site pour vendre des objets d'occasion - Guide
3 réponses
Il suffit de passer par du javascript en changeant l'attribut src de ton image sur un onMouseOver.
Sinon essai de regarder du côté des plugins, il y a peut être quelque chose qui existe.
A+
Sinon essai de regarder du côté des plugins, il y a peut être quelque chose qui existe.
A+
Bonjour et merci pour votre réponse
J avais essayé cela :
'<td>'.'<img alt="'.$row_img->post_title.'" src="'.$strThumb.'" onmouseover="this.src='adresse de l'image'"/>';
mais ca fait entièrement planter le site.
Puis j ai téléchargé ce plugin : http://wordpress.org/extend/plugins/css3-text-and-image-overlay/
le code pour faire un rollover sur une image est :
[overlay image="adresse de l'image" alt="cool image"]
Mais je n'arrive pas à l'intégrer dans le code.
La ligne de base pour afficher les images dans la galerie est :
'<td>'.'<img alt="'.$row_img->post_title.'" src="'.$strThumb.'"/>';
Mais n'importe quel modification que j essaye ne fonctionne pas ...
une idée ?
J avais essayé cela :
'<td>'.'<img alt="'.$row_img->post_title.'" src="'.$strThumb.'" onmouseover="this.src='adresse de l'image'"/>';
mais ca fait entièrement planter le site.
Puis j ai téléchargé ce plugin : http://wordpress.org/extend/plugins/css3-text-and-image-overlay/
le code pour faire un rollover sur une image est :
[overlay image="adresse de l'image" alt="cool image"]
Mais je n'arrive pas à l'intégrer dans le code.
La ligne de base pour afficher les images dans la galerie est :
'<td>'.'<img alt="'.$row_img->post_title.'" src="'.$strThumb.'"/>';
Mais n'importe quel modification que j essaye ne fonctionne pas ...
une idée ?