Imprimer la Page | Fermez la fenêtre

Skitter Slider

Imprimé depuis: Forum openElement
Categorie:

openElement


Nom du Forum: Élements complémentaires pour OE
Description du Forum: Les éléments complémentaires créés pour Open Element
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=22400
Date: 28 Mar 2024 à 13:09
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com


Sujet: Skitter Slider
Posté par: Mick44
Sujet: Skitter Slider
Posté le: 25 Nov 2016 à 16:37
Bonjour à tous,

Avant tout, petit nouveau sur ce forum, je tenais à vous présenter toutes mes <B>félicitations pour le travail accompli</B>.

J'ai découvert OpenElement en début d'année dans le cadre d'une recherche professionnelle pour la création de sites. L'appartenance à un groupe national fait que l'adoption de l'outil n'est pas encore d'actualité.

Par contre, à titre personnel, j'ai décidé de tenter l'expérience. Je suis actuellement en cours de conception d'un site orienté "présentation de photographies animalières" (passion vieille de plus de 40 ans que j'espère assouvir pleinement, l'heure de la retraite approchant.)

Je travaille avec la version 1.56 R4. Je suis en cours de définition (design et ergonomie) de mes futures pages "Galerie". Pour cela, j'ai intégré l'élément Skitter-slider (thème Round). Sans trop de problème, j'ai réussi à faire ce que je souhaitais (positionnement de la barre des boutons numéros-images avec changement des couleurs de bases).

Je souhaite, qu'au survol des numéros-images par la souris, une info-bulle apparaisse et affiche le titre de l'image correspondant au numéro survolé. Pas de problème pour la création de cette info-bulle via un bloc de code perso. Pas de problème non plus pour son apparition (et disparition) et son positionnement en fonction du pointeur souris via le js et la fonction hover() ci-dessous :
------------------------------------------------------------------------
$('.visionneuse_contenu').hover(function(e) {
    var offset = $(this).offset();
     var Visionneuse_PosX = e.pageX - offset.left;
     var Visionneuse_PosY = e.pageY - offset.top;
     var LargeurPanBulle = $('.PanInfoBtImg').width();
     if (Visionneuse_PosY > 552) {
          $('.PanInfoBtImg').css({left: Visionneuse_PosX, top: 592});
          $('.PanInfoBtImg').show();
     };
  },
  function(){
    $('.PanInfoBtImg').hide();
});
-------------------------------------------------------------------------
Par contre, j'ai été obligé de ruser pour arriver à mes fins car je ne peux faire apparaître l'info-bulle que par le survol du skitter-slider entier et non uniquement par le survol d'un numéro-image. En effet seules les classes perso définies sur l'élément skitter-slider pour "cadre principal", "contenu" et "slider" permettent d'activer la fonction hover(). Les classes perso définies pour "Barre de numéros" et "Numéro des images" ne donnent aucun résultat. Je suis donc également bloqué pour remplir le texte de mon info-bulle avec le titre de l'image du numéro-image qui sera survolé.

Si quelqu'un a une piste ... je l'en remercie par avance.
Cordialement et à vous lire.


-------------
"Il faut toujours viser la lune, car même en cas d'échec, on atterrit dans les étoiles"



Réponses:
Posté par: Dmit OE
Posté le: 25 Nov 2016 à 17:34
Bonjour,

Publiez votre site en ligne quelque part et donnez le lien, on va regarder pour voir des bons selecteurs etc.




Posté par: Mick44
Posté le: 26 Nov 2016 à 12:17
Bonjour,

Merci pour votre réponse.

Je n'ai pour l'instant pas d'hébergement en ligne.(Cela viendra peut-être plus tard.) Le projet est destiné, dans un premier temps, à un déploiement uniquement sur un intranet d'entreprise.

J'ai, par contre, packagé un projet ne comprenant qu'une page "galerie". Je peux vous transmettre le .zip du projet. (Vous aurez en prime une vingtaine de photos.) Le zip fait 11 Mo.

Dites-moi si je peux vous le transmettre et par quel canal ?

Cordialement.

-------------
"Il faut toujours viser la lune, car même en cas d'échec, on atterrit dans les étoiles"


Posté par: brolysan
Posté le: 26 Nov 2016 à 12:55
http://forum.openelement.com/fr/forum_posts.asp?TID=22225&title=tuto-migration-ancienne-vers-nouvelle-version" rel="nofollow - comment envoyer son site pour analyse ?

-------------
https://sensode.com" rel="nofollow - Sensode
https://www.creads.fr/blog/graphiste-freelance2/parole-de-brolysan-45-ans-graphiste" rel="nofollow - Biographie


Posté par: Dmit OE
Posté le: 26 Nov 2016 à 14:09
Via un message prive (a moi), par Dropbox, Google Drive ou wetransfer.com


Posté par: Mick44
Posté le: 27 Nov 2016 à 23:26
Affaire réglée.
Merci à vous deux. Comme d'habitude : Réactivité et efficacité.
Bonne semaine à tous.

-------------
"Il faut toujours viser la lune, car même en cas d'échec, on atterrit dans les étoiles"



Imprimer la Page | Fermez la fenêtre

Forum Software by Web Wiz Forums® version 12.04 - http://www.webwizforums.com
Copyright ©2001-2021 Web Wiz Ltd. - https://www.webwiz.net