<script type="text/javascript">
<!--
function IsOpera(){
var agt=navigator.userAgent.toLowerCase();
if (agt.indexOf('opera') ==-1) {
return false;
}
return true;
}
if (!IsOpera())
document.write("<style type='text/css'>.image {visibility:hidden;}</style>");
function initImage(id) {
image = document.getElementById(id);
setOpacity(image, 0);
image.style.visibility = "visible";
fadeIn(id,0);
}
function fadeIn(objId,opacity) {
if (document.getElementById) {
obj = document.getElementById(objId);
if (opacity <= 100) {
setOpacity(obj, opacity);
opacity += 10;
window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
}
}
}
function setOpacity(obj, opacity) {
opacity = (opacity == 100)?99.999:opacity;
// IE/Win
obj.style.filter = "alpha(opacity:"+opacity+")";
// Safari<1.2, Konqueror
obj.style.KHTMLOpacity = opacity/100;
// Older Mozilla and Firefox
obj.style.MozOpacity = opacity/100;
// Safari 1.2, newer Firefox and Mozilla, CSS3
obj.style.opacity = opacity/100;
}
// -->
</script>
NOTEZ qu'il est aussi possible de placer ce JavaScript dans un fichier .js extérieur : FADER_IMAGES.js par exemple."<img src=\"/" . $pic_url . "\" class=\"image\" {$image_size['geom']} border=\"0\" alt=\"{$row['filename']}\" title=\"$pic_title\">"
par ce code :"<img src=\"/" . $pic_url . "\" id=\"thephoto_".$ri."\" onLoad=\"initImage('thephoto_".$ri."');\" class=\"image\" {$image_size['geom']} border=\"0\" alt=\"{$row['filename']}\" title=\"$pic_title\">"
Toujours concernant la modification du code précédent, il peut s'avérer plus simple de rechercher le code suivant :<img src=\
et tous les TAG img ne contenant pas /images/spacer.gif ajoutez le code suivant : id=\"thephoto_".$ri."\" onLoad=\"initImage('thephoto_".$ri."');\"
$ri = rand(0,10000);
Editez de la même manière que ci-dessus les fichiers displayimage.php et index.php echo <<<EOT
<script type="text/javascript">
<!--
function IsOpera(){
var agt=navigator.userAgent.toLowerCase();
if (agt.indexOf('opera') ==-1) {
return false;
}
return true;
}
if (!IsOpera())
document.write("<style type='text/css'>.image {visibility:hidden;}</style>");
// -->
</script>
EOT;
$template_thumbnail_view = <<<EOT
dans ce bloc, recherchez{THUMB}
et remplacez par ce code<div id='photoholder'>{THUMB}</div>
#photoholder {
background:#49525D url('/themes/VotreTheme/images/chargement_en_cours.gif') 50% 50% no-repeat;
}
Notez qu'il est possible d'insérer ce code CSS dans le fichier TEMPLATE.HTML. Ce code CSS devenant ainsi accessible à tous vos Thèmes.function runSlideShow(){
//if (xIE4Up){
// document.images.SlideShow.style.filter="blendTrans(duration=2)"
// document.images.SlideShow.style.filter= "blendTrans(duration=crossFadeDuration)"
// document.images.SlideShow.filters.blendTrans.Apply()
// }
document.images.SlideShow.src = preLoad[j].src
// if (xIE4Up){
// document.images.SlideShow.filters.blendTrans.Play()
// }
pos = j
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
preLoadPic(j)
}
$params = array('{CELL_HEIGHT}' => $CONFIG['picture_width'] + 100,
'{IMAGE}' => '<img src="' . $start_img . '" name="SlideShow" class="image" /><br />',
'{ADMIN_MENU}' => '',
);
$params = array('{CELL_HEIGHT}' => $CONFIG['picture_width'] + 100,
'{IMAGE}' => '<img src="' . $start_img . '" name="SlideShow" class="image" id="thephoto" onLoad="initImage(\'thephoto\');" /><br />',
'{ADMIN_MENU}' => '',
);
est ce que ce MOD ne ralentis pas sensiblement l'affichage des pages?Les vignettes ne s'affichent que lorsqu"elles sont chargées permettant aisni l'effet de fondu-enchainé.
j'ai testé ce mod et je suis tombé immédiatement amoureux ..;D Tout le monde est dans le même état ;)
seul hic : ne pas abuser de l'effet car on constate un gros ralentissement sur les vieilles machines
bravo pour ta "traduction"; je savais même pas qu'il y avait des français sur cte boardMerci beaucoup pour le sympathique post.
J'ai visité votre galerie, tres belle photos en effet.
Pour l'effet de fondu, je l'ai eu que la premiere fois, maintenant, j'ai beau naviguer sur votre galerie, l'effet fondu a disparu.
Bonjour Bibendum,QuoteJ'ai visité votre galerie, tres belle photos en effet.
Pour l'effet de fondu, je l'ai eu que la premiere fois, maintenant, j'ai beau naviguer sur votre galerie, l'effet fondu a disparu.
De quel Galerie parlez-vous ? Si vous faites allusion à la l'excellente Galerie de Protox je suis intégralement d'accord avec vous (-:
La petite image aminée qui ne s'anime pas parfois ? Ou bien l'effet de Fondu-Enchainé ? On ne m'a jamais signalé de cas similaire ???
PYAP
", l'image s'affiche normallement rapidement puis en fondu
Alors pour info, sur votre site, je n'ai l'effet fondu que sur le filmstrip, tous vos albums s'affichent sans l'effet fondu.Le Thèmes concerné par ce MOD/AHCK est Xtra-Z-Zone.
Egalement pour la navigation à l'interieur de vos albums.
Sur quel theme avez installé le fondu ?
l'image s'affiche normallement rapidement puis en fonduChez moi, le site de Pyap s'affiche tout a fait normalement avec l'éffet de fondu dans toutes les pages.
Bonsoir,Quotel'image s'affiche normallement rapidement puis en fonduChez moi, le site de Pyap s'affiche tout a fait normalement avec l'éffet de fondu dans toutes les pages.
j'ai testé ce mod et je suis tombé immédiatement amoureux ..
superbe effet qui donne un bon coup de punch à nos photos ...
seul hic : ne pas abuser de l'effet car on constate un gros ralentissement sur les vieilles machines ( < 1 ghz )
bravo pour ta "traduction"; je savais même pas qu'il y avait des français sur cte board :P
l'effet de fondu mais malheureusement votre site de demo semble désactivé (du moins l'effet)Effectivement, j'ai déssactivé l'effet de fondu tout simplement parce qu'il est inocmpatible avec les autres Thèmes de ma Galerie !
savez vous oû il serait possible de le voir?Ce dit l'effet est un JavaScript comme celui-ci : http://clagnut.com/sandbox/imagefades/
Autrement est-ce que cela ne consomme pas d'avantage de CPU/Memoire
n'existe-il pas une version prêt à l'usage ?Non pas du tout, puisqu'il faut modifier chaque Thème de C oppermine, si l'on veut prposer plusieurs Thèmes !