Css et image
Résolu
pierre yves
Messages postés
5
Date d'inscription
Statut
Membre
Dernière intervention
-
D -
D -
bonjour
Je fais un site en xhtml et css et j'aimerai savoir s'il ai possible
de faire une image clikable (ca oui c'est possible) mais de faire que grace au css quand on survol l'image c'est une autre image qui apparait???
merci d'avance
Je fais un site en xhtml et css et j'aimerai savoir s'il ai possible
de faire une image clikable (ca oui c'est possible) mais de faire que grace au css quand on survol l'image c'est une autre image qui apparait???
merci d'avance
A voir également:
- Css et image
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Légender une image - Guide
- Image gratuite - Guide
3 réponses
grâce à css, ca me semblerait bizarre, mais bon, je dois avouer mon ignorance.
par contre tu peux faire facilement une petite fonction javascript et dans ta borne image, il faudra mettre un attribut nom, et utiliser des événement, je sais plus trop lesquels...
va faire un tour sur
w3schools.com
par contre tu peux faire facilement une petite fonction javascript et dans ta borne image, il faudra mettre un attribut nom, et utiliser des événement, je sais plus trop lesquels...
va faire un tour sur
w3schools.com
c'est bon j'ai trouvé en cherchant sur le net pour ceux que ca interesse je vous donne le lien:
http://css.alsacreations.com/Construction-de-menus-en-CSS/Une-image-reactive-rollover-sans-javascript
je ne voulai pa utilisé le javascript car il est souvent desactivé (10% des navigateurs source: w3scholls.com)
et merci. j'allai me resigné a utiliser javascript lol
http://css.alsacreations.com/Construction-de-menus-en-CSS/Une-image-reactive-rollover-sans-javascript
je ne voulai pa utilisé le javascript car il est souvent desactivé (10% des navigateurs source: w3scholls.com)
et merci. j'allai me resigné a utiliser javascript lol
J'aimerais savoir si vous vouliez toujours savoir comment faire pour faire apparaitre une autre image au survol de la souris par le biais d'une css , si vous voulez je peux vous expliquer !
Moi je cherche aussi a le faire, mais surtout compatible avec tous les navigateur.
Pour le moment je fait :
<STYLE TYPE="text/css">
<!--
<?php
foreach($zones as $var => $val){
echo "
input.{$var}{
background-image:url('./images/{$var}" . ( $var==$zone_act ? '_in' : '' ) . ".gif');
}
input.{$var}:hover{
background-image:url('./images/{$var}_over.gif');
}";
}
?>
-->
</style>
<div style="margin-left:8px;"><?php
foreach($zones as $var => $val){
echo '<a href="' .$val . '"><input type="button" value="" class="' .$var . '"></a>';
}
?></div>
<!-- Fast-Loading : -->
<?php
foreach($zones as $var => $val){
echo "<img src=\"images/{$var}_over.gif\" alt=\"\" style=\"display:none;\">";
}
?>
Mais ca me pose 2 probléme : ie ne clique pas les liens ( peut se résourdre avec du js, mais le but est de ne pas en utiliser ) konqueror n'affiche pas les images.
Merci d'avance pour votre aise.
Pour le moment je fait :
<STYLE TYPE="text/css">
<!--
<?php
foreach($zones as $var => $val){
echo "
input.{$var}{
background-image:url('./images/{$var}" . ( $var==$zone_act ? '_in' : '' ) . ".gif');
}
input.{$var}:hover{
background-image:url('./images/{$var}_over.gif');
}";
}
?>
-->
</style>
<div style="margin-left:8px;"><?php
foreach($zones as $var => $val){
echo '<a href="' .$val . '"><input type="button" value="" class="' .$var . '"></a>';
}
?></div>
<!-- Fast-Loading : -->
<?php
foreach($zones as $var => $val){
echo "<img src=\"images/{$var}_over.gif\" alt=\"\" style=\"display:none;\">";
}
?>
Mais ca me pose 2 probléme : ie ne clique pas les liens ( peut se résourdre avec du js, mais le but est de ne pas en utiliser ) konqueror n'affiche pas les images.
Merci d'avance pour votre aise.