13 replies to this topic

[Jude]

Si ça intéresse quelqu'un, j'ai résolu le problème de "saut" lorsqu'on survolle une vue réduite et qu'elle apparait en fondu dans l'espace juste au-dessus.

Aviez-vous remarqué ce problème ?

[Patric Codron]

Tu peux décrire le problème STP ?

[Jude]

Lorsqu'on survole une miniature, il y a un fadeOut du produit affiché et un fadeIn du produit survolé. Cependant, la transition ne se passe pas correctement (visuellement parlant). Il y a un petit "saut" .
De plus, le cadre gris est pris dans le fondu.

J'ai modifié légèrement le script jQuery et la CSS pour garder le cadre permanent et avoir un fond enchainé correct à l'intérieur.

[fistou]

From 1224240896:

Lorsqu'on survole une miniature, il y a un fadeOut du produit affiché et un fadeIn du produit survolé. Cependant, la transition ne se passe pas correctement (visuellement parlant). Il y a un petit "saut" .
De plus, le cadre gris est pris dans le fondu.

J'ai modifié légèrement le script jQuery et la CSS pour garder le cadre permanent et avoir un fond enchainé correct à l'intérieur.

Bonjour Jude,

Oui effectivement j'ai remarqué ce problème,
Peux-tu poster les modifs que tu as apporté pour le corriger ? ;-)

Merci par avance pour la communauté.

[Jude]

Voici la modif dans le fichier product.js, fonction displayImage :

function displayImage(domAAroundImgThumb)
{
    if (!domAAroundImgThumb.hasClass('shown'))
    {
        if (domAAroundImgThumb.attr('href'))
        {
            var newSrc = domAAroundImgThumb.attr('href').replace('thickbox','large');
            $('#bigpic').fadeOut('fast', function(){
                $(this).attr('src', newSrc);
                $(this).load(function() {
                  $(this).fadeIn('fast')
                })
                ;
            });
            $('#views_block li a').removeClass('shown');
            $(domAAroundImgThumb).addClass('shown');
        }
    }
}

Le fichier global.css doit être aussi modifié :

#primary_block #image-block{
    border:#d0d1d5 solid 1px;height:300px;width:300px;
}
#primary_block #image-block img#bigpic{ cursor:pointer; }

Est-ce que c'est suffisamment clair ?

[Fabrice]

Bonjour Jude !

merci pour le partage de cette astuce.
c'est en effet un "petit bogue" désagréable que tu résouds là.

[fistou]

Bonjour Jude,

Merci pour ta contrib :-)

Par contre il serait intéressant d'indiquer tes modifs sous cette forme:

Dans le fichier "xxxxxxxx" trouver "xxxxxx xxxxxxx xxxxxxxxx xxxxxxx" le remplacer par "xxxxxxx xxxx xxx xx"

Cela permet à des non programmeur de trouver facilement les modifs à apporter.

Encore merci.

[Jude]

Il me semble que j'avais dis : dans le fichier "product.js", fonction "displayImage" ; il suffit de remplacer la fonction. Et dans le fichier "global.css", il faut remplacer les deux blocs existants par ceux que j'ai donnés !

[fistou]

Merci pour la contrib.

Ça marche parfaitement.

Il serait bien si cette modif était intégré directement dans la solution.

[Philippe Sang]

Fix added to 1.1 :-)

Thanks very much for your contribution !

[fistou]

Bonjour,

Il me semble que ce bug est toujours présent sur la 1.4.3 et 1.5 !!

Un petit détail mais bien pénible visuellement.

[fistou]

Bonjour,

Un petit "UP"

[fistou]

Bonjour,

Je ne comprend pas pourquoi ce problème persiste toujours.

Cela na l'air de gêner personne !!!!!
Pour ma part je trouve cela dommage ...

[Patric Codron]

Salut Fistou !

Ce problème avait pourtant été annoncé comme ayant été résolu.
Est-ce que quelqu'un sait s'il a été posté sur la forge (Bug Tracker) ?
Merci.