Tweet
Bonjour
Dans un site en html que j'ai créé pour une amie, le plan d'accès à son gîte est une petite "représentation" d'image qui s'agrandit au passage de la souris.
Voir ici: http://villa-esperance.info/localisation.html
En fait on entre la grande image finale sur le site et on réduit manuellement la taille de sa présentation.
Je ne réussis-pas sur un site sous joomla 2.5 à créer le même effet.
En effet, en html, il m'est possible de réduire visuellement une image de grand format à l'aide de ses poignées de réglage. Dans joomla ce n'est pas semble-t-il possible et donc le script ne peut-pas fonctionner.
Ce script réduit la taille de l'image de l'image initiale d'un rapport paramétré:
Si ceux qui manipulent des modules d'images avec joomla ont une piste à me proposer, c'est avec plaisir.
Merci
Dans un site en html que j'ai créé pour une amie, le plan d'accès à son gîte est une petite "représentation" d'image qui s'agrandit au passage de la souris.
Voir ici: http://villa-esperance.info/localisation.html
En fait on entre la grande image finale sur le site et on réduit manuellement la taille de sa présentation.
Je ne réussis-pas sur un site sous joomla 2.5 à créer le même effet.
En effet, en html, il m'est possible de réduire visuellement une image de grand format à l'aide de ses poignées de réglage. Dans joomla ce n'est pas semble-t-il possible et donc le script ne peut-pas fonctionner.
Ce script réduit la taille de l'image de l'image initiale d'un rapport paramétré:
<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
var coeff=3;//Coefficient de reduction
var larg=800;//largeur maxi de l'image
var haut=560;//hauteur maxi de l'image
var coeffinit=coeff;
function changer() {
if (document.image.width < larg) {
coeff = coeff-0.2;
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
chang=window.setTimeout('changer();',60);//vitesse de l'effet
}
else {window.clearTimeout(chang);}
}
function initial() {
if (document.image.width > larg/coeffinit) {
window.clearTimeout(chang);
coeff = coeff+0.2;
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
initi=window.setTimeout('initial();',60);//vitesse de l'effet
}
else {window.clearTimeout(initi);}
}
//-->
</script>
<!--
//PLF-http://www.jejavascript.net/
var coeff=3;//Coefficient de reduction
var larg=800;//largeur maxi de l'image
var haut=560;//hauteur maxi de l'image
var coeffinit=coeff;
function changer() {
if (document.image.width < larg) {
coeff = coeff-0.2;
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
chang=window.setTimeout('changer();',60);//vitesse de l'effet
}
else {window.clearTimeout(chang);}
}
function initial() {
if (document.image.width > larg/coeffinit) {
window.clearTimeout(chang);
coeff = coeff+0.2;
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
initi=window.setTimeout('initial();',60);//vitesse de l'effet
}
else {window.clearTimeout(initi);}
}
//-->
</script>
Merci
Commentaire