Koytlo2 a écrit:
salut
si je comprends bien dans le lien que tu m'as donné, l'intégration et l'animation des image données en exemple peuvent être programmer en javascript ou en html (voir les divers onglets) ?
C'est bien ça, c'est du HTML pour toute la partie qui va afficher les images sur ton navigateur, la partie CSS s'occupe de mettre en forme la page web (rendu visuel) tandis que la partie javascript va s'occuper des effets lorsque tu cliques sur une image (affichage de l'image dans une boîte).
Koytlo2 a écrit:
si je faisais un post sur vic par ex est-ce que je pourrais intégrer ce genre de code (en html) pour que les effets soient identiques ?
Non car il s'agirait d'une faille de sécurité importante. Le javascript et CSS ne sont pas permis sur VIC (ni sur n'importe quel forum digne de ce nom). Par contre, je pourrais faire en sorte que l'on puisse cliquer sur les images, ça serait beaucoup mieux oui
Koytlo2 a écrit:
est-ce que si je créé une page sur un site sur lequel on peut gratuitement et facilement construire une page web, est-ce que je pourrais en faisant un script comme tu m'as dit rajouter les images ? en effet je part du principe qu'une fois que le site est construit par le biais d'un log ou d'un site en ligne il est impossible de rajouter un script . ai-je raison ?
Si tu as accès au compte FTP du site, tu peux faire presque tout ce que tu veux, y compris donc rajouter des images.
Si tu souhaites pouvoir rajouter les images directement (un peu comme VIC) de manière dynamique, en mettant un champ "parcourir" il faut que tu utilises un langage dynamique tel que PHP. Tu peux regarder ce lien : Uploader des images en PHP.
Koytlo2 a écrit:
en ce qui me concerne ce que je souhaite faire n'est de cliquer pour faire apparaitre l'image en plus gros (ce qui n'est déjà pas mal j’admets) mais plutôt de créer une animation comme un zoom. JUSTE AU PASSAGE DE LA SOURIS L'IMAGE DOIT GROSSIR ET DES QUE L'ON ELOIGNE LA SOURIS L'IMAGE REDEVIENT PETITE.
C'est simple à faire avec fancybox, au lieu d'appeler l'évènement (affichage de la boîte) au clic de la souris comme c'est le cas par défaut, tu appelles l'évènement (affichage de la boîte) au survol de la souris. Avec Jquery, l'évènement de clic de souris s'appelle click et l'évènement survol s'appelle mouseover.
Un exemple un peu bidon :
<img src="image.png" alt="" class="image_zoom">
<script>
$(document).ready(function(){
$('.image_zoom').mouseover(function(){
alert('mon curseur passe sur l\'image.');
});
});
</script>
Koytlo2 a écrit:
remarque : tu sembles dépendre de ce que les tailles de mes images seraient différentes ou pas. Moi je te dis que je m'en fou. En effet si tu estimes qu'il faut changer la taille des images tu me le dits. Si tu mes dis que les images doivent etre les meme je fais en sorte que c'est les meme.
En fait je te demandais ça car quand tu as des images de mêmes dimensions tu peux faire un zoom classique sans javascript avec uniquement du CSS : zoom en CSS sur une image.
Si tu souhaites faire un zoom non maximal (en gros faire un zoom *2 par exemple mais qui n'affiche pas forcément l'image en taille réelle), tu peux toujours utiliser les CSS. Ca évite d'utiliser du javascript, c'est plus léger et plus élégant. On en revient au code que je t'ai montré sur le lien ci-dessus.