Un autre genre de slide

Un autre genre de slide - PHP - Programmation

Marsh Posté le 17-01-2019 à 22:53:20    

Hola les gens de la communauté je viens vers vous non pas pour un réelle soucis mais juste pour une question pratique et de personnalisation...
 
Je m'explique il y a ce genre de truc sur un site
 
https://www.creativejuiz.fr/trytotr [...] ml5/#sl_i1
 
Voyez vous cette slide...Eh ben en fait il faudrait que je réalise la même chose...cependant au lieu d'avoir des images je souhaiterais avoir un genre d'appel de page...
 
J'approfondis...il y a un groupe d'artiste, photographe et tatoueur qui partagent des activités communes du coup dans un nouvel onglet du site ils souhaitent voir apparaître leurs coordonnées de contacts il faudrait ensuite clique à gauche ou à droite afin d'avoir accès à leurs informations.
 
Il pourrait suffire de faire une belle image comme une carte perso et ensuite uploadé dans un slide tout ça tout ça mais je préférerais avoir une sorte de slide dans lequel apparaît un objet (page en html/css par exemple) puis gauche droit qui remplacerait l'objet premier par le seconde, retour gauche droite (sorte de navigation entre les cartes perso des personnes...
 
 
j'ai quitté l'école il y a fort longtemps mais l'édition "relativementé simple est encore à ma porté d'où mon choix et je n'ai pas de lien vers le site en question car hors ligne pour refonte et changement d'hébergeur. J'ai chercher sans trouver de solutions bien qu'on m'ai parler d'architecture MCV ou de moteur de templates mais la sans exemple ni explication claire je m'avoue un peu perdu...
 
Qui saurait donc m'orienté ou aurait des liens intéressants..
 
Bien à vous :)


Message édité par bricex308 le 17-01-2019 à 22:55:35
Reply

Marsh Posté le 17-01-2019 à 22:53:20   

Reply

Marsh Posté le 18-01-2019 à 09:16:37    

C'est pas du PHP mais principalement du javascript. Dans le cas de photos, seul javascript est à la manoeuvre. Pour afficher des pages, là, ça sera du javascript/Ajax (regardes JQuery comme lib) et un peu de PHP côté serveur pour envoyer le contenu à afficher.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 18-01-2019 à 10:49:35    

Re salut JavaScript/Ajax j'ai jamais réellement mis les mains dans l'Ajax a part celui de la maison ^^
Je reviens ici après quelques recherches si je patoges merci a toi déjà ;)

Reply

Marsh Posté le 27-01-2019 à 02:00:59    

Hola como es ta ? Pardon me voilà de retour finalement sur la voie je suis resté sur la présence de "fiche" avec les infos des contributeur du site et leurs coordonnées tout ça rangé dans des cellule dans un tableau invisible.
 
Cela faisait plus propre tout en gardant un max d'infos sur la page sans qu'elle en soit inondé ;)
 
Maintenant j'aimerais encore sollicité un peu d'aide... j'ai sur certaines pages...des mosaïques d'images...de 4 images par 4 images dans une galerie qui s'affiche sur la colonne gauche du site...
 
J'aimerais avoir le même rendu qu'une extension chrome qui s'appelle Imagus lorsque je survole la petite picture et l'avoir dans sa taille maximal dans une sorte de pop-up dans la même fenêtre...
 
Du coup afin de ne pas bousculer trop les lignes de codes je vois bien un bout de code dans un .js un autre dans un .css et n'inclure qu'une <div></div> à ces petites pictures.
 
Cependant je ne trouve rien qui ai ce rendu (pas de onclick mais je préfèrerais vraiment un hover comme l'extension Imagus)
 
Si l'une de vos âmes se sent généreuses sur le code .js ou .css je serais volontier preneur  ^^

Reply

Marsh Posté le 27-01-2019 à 07:54:28    

Tu fais un script mis dans le <head> de ta page avec une fonction principale qui "installe" (charge/lance) le script sur ta page en étant lancée via l'événement onload de la balise <body>. Cette fonction va ajouter un événement onmouseover et onmouseout sur les images concernées. Dans ces 2 fonctions, tu mets le code qui va bien :  
- affichage en grand l'image survolée dans une div
- fermeture de ladite div
 
C'est ce qu'on appelle du javascript non intrusif. Il n'est pas mis direct dans le code html.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed