BullGuard Antivirus Sale - 60% Off with openElement !
Accueil Forum Accueil Forum >

openElement

> Élements complémentaires pour OE
  Nouveaux messages Nouveaux messages Fil RSS  - Skitter Slider
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Skitter Slider

 Répondre Répondre
Auteur
Message
Mick44 allez vers le bas
Newbie
Newbie
Avatar

Depuis le: 21 Nov 2016
Pays: France
Status: Inactif
Points: 4
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Mick44 Citer  RépondreRéponse Lien Direct à ce Post Sujet: Skitter Slider
    Envoyé : 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"
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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.


Haut de la page
Mick44 allez vers le bas
Newbie
Newbie
Avatar

Depuis le: 21 Nov 2016
Pays: France
Status: Inactif
Points: 4
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Mick44 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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"
Haut de la page
brolysan allez vers le bas
Admin Group
Admin Group
Avatar

Depuis le: 14 Août 2009
Pays: France
Status: Inactif
Points: 10144
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer brolysan Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 26 Nov 2016 à 12:55
Haut de la page
Dmit OE allez vers le bas
Admin Group
Admin Group


Depuis le: 31 Mai 2012
Status: Inactif
Points: 13971
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Dmit OE Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 26 Nov 2016 à 14:09
Via un message prive (a moi), par Dropbox, Google Drive ou wetransfer.com
Haut de la page
Mick44 allez vers le bas
Newbie
Newbie
Avatar

Depuis le: 21 Nov 2016
Pays: France
Status: Inactif
Points: 4
Options des messages Options des messages   Thanks (0) Thanks(0)   Citer Mick44 Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 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"
Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas

Forum Software by Web Wiz Forums® version 12.04
Copyright ©2001-2021 Web Wiz Ltd.

Cette page a été affichée en 0.078 secondes.