Skitter Slider |
Répondre |
Auteur |
Sujet Recherche Options des sujets
|
Mick44
Newbie Depuis le: 21 Nov 2016 Pays: France Status: Inactif Points: 4 |
Options des messages
Thanks(0)
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"
|
|
Dmit OE
Admin Group Depuis le: 31 Mai 2012 Status: Inactif Points: 13971 |
Options des messages
Thanks(0)
|
Bonjour,
Publiez votre site en ligne quelque part et donnez le lien, on va regarder pour voir des bons selecteurs etc. |
|
Mick44
Newbie Depuis le: 21 Nov 2016 Pays: France Status: Inactif Points: 4 |
Options des messages
Thanks(0)
|
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"
|
|
brolysan
Admin Group Depuis le: 14 Août 2009 Pays: France Status: Inactif Points: 10144 |
Options des messages
Thanks(0)
|
Dmit OE
Admin Group Depuis le: 31 Mai 2012 Status: Inactif Points: 13971 |
Options des messages
Thanks(0)
|
Via un message prive (a moi), par Dropbox, Google Drive ou wetransfer.com
|
|
Mick44
Newbie Depuis le: 21 Nov 2016 Pays: France Status: Inactif Points: 4 |
Options des messages
Thanks(0)
|
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"
|
|
Répondre | |
Tweet
|
Aller au Forum | Permissions du forum Vous ne pouvez pas écrire un nouveau Sujet Vous ne pouvez pas répondre aux Sujets Vous ne pouvez pas effacer vos messages Vous ne pouvez pas éditer vos messages Vous ne pouvez pas créer des sondages Vous ne pouvez pas voter dans les sondages |