Super effet highslide

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par vibes, 15 Octobre 2008.

  1. vibes
    vibes WRInaute discret
    Inscrit:
    10 Octobre 2008
    Messages:
    54
    J'aime reçus:
    0
    Bonjour,

    J'aimerais comprendre comment incérer l effet highslide dans mes pages..
    http://highslide.com/
    Pour ma part, j' utilise dreamweaver pour construire mes sites.
    J'ai très peux de notions dans la partie codage d' un site !

    A pparament, il faut mettre le dossier highslide dans la racine du site, mais après, je voit pas comment incérer le code dans mes pages ?

    Pour exemple...

    <body>
    <img src="file:///Macintosh HD/Users/zzzzzz/Desktop/home-page-bellerive/test-logo.jpg" width="233" height="163" />
    </body>
    </html>

    Comment faut il appliquer l' effet à cette image ? il faut simplement mettre du code à l' image ?
    Bref je comprend pas bien les bases !
    Alors si quelqu'un peut m'expliquer la marche à suivre ?



    Merci pour le coup de main..
    pat
     
  2. SuperCureuil
    SuperCureuil WRInaute impliqué
    Inscrit:
    9 Mars 2007
    Messages:
    567
    J'aime reçus:
    0
    Bonsoir vibes,

    Qui a dit boulet ? :mrgreen:

    1. Tu télécharges le script.
    2. Tu décompresses à la racine ou ailleurs.
    3. Dans la page où tu veux faire apparaître le highslide (<head></head>) : un lien vers la CSS, un lien vers le script js, l'initialisation de la fermeture du script avec le chemin vers le répertoire /graphics.

    Code:
    <link rel="stylesheet" type="text/css" href="../css/highslide.css" media="screen" />
    
    
    	<script type="text/javascript" src="js/highslide.js"></script>
    		<!--
    		    2) Optionally override the settings defined at the top
    		    of the highslide.js file. The parameter hs.graphicsDir is important!
    		-->
    
    	<script type="text/javascript">
    	// remove the registerOverlay call to disable the close button
    	hs.registerOverlay({
    		overlayId: 'closebutton',
    		position: 'top right',
    		fade: 2 // fading the semi-transparent overlay looks bad in IE
    	});
    
    	hs.graphicsDir = 'js/graphics/';
    	</script>
    4. Pour appeler l'effet :

    Code:
    <a href="chemin-de-ma-photo-taille réelle.jpg" class="highslide" onclick="return hs.expand(this)">
    	<img class="imgPrise" src="chemin-de-ma-photo-taille-mini.jpg" alt="" />
    </a>
    
    <div class="highslide-caption">Un commentaire pour la photo</div>
    
    <!-- 5 (optional). This is the markup for the close button. The button is tied to the expander in the script tag at the top of the file.-->
    <div id="closebutton" class="highslide-overlay closebutton" onclick="return hs.close(this)" title="Close"></div>
    
    Tout ça est noté sur le site de l'auteur, et tu peux t'en rendre compte par toi-même en regardant le code source des exemples de l'archive. :wink:

    Bon amusement !

    Supercureuil
     
  3. anemone-clown
    anemone-clown WRInaute passionné
    Inscrit:
    11 Novembre 2007
    Messages:
    1 577
    J'aime reçus:
    20
    Hello,

    déjà, il faut indiquer un lien URL valide sur Internet et non sur le disque dur de ton Mac... Je ne suis pas persuadé que Internet sache accéder à ton disque dur. Avec un lien sur Internet, cela devrait faciliter le fonctionnement.
     
Chargement...
Similar Threads - Super effet highslide Forum Date
Superbe progression positionnements mais pas de trafic Problèmes de référencement spécifiques à vos sites 23 Juillet 2022
RMTech c'est super, mais après je fais quoi ?... Demandes d'avis et de conseils sur vos sites 21 Février 2020
Admin / SuperAdmin Prestashop Administration d'un site Web 27 Décembre 2018
Question super bateau à propos des tableaux de variable Développement d'un site Web ou d'une appli mobile 14 Mars 2017
Mon bLogpsot est devenur super lent Administration d'un site Web 21 Janvier 2017
Taux de rebonds supérieur à 50% : source image.google pourquoi ? Débuter en référencement 26 Février 2016
Choix entre formationsuperieure.com et etudesuperieure.com Demandes d'avis et de conseils sur vos sites 27 Janvier 2015
Référencement : super pour les pages, rien pour les images. Problèmes de référencement spécifiques à vos sites 19 Juin 2013
Supervacances.com, annuaire gratuit (gite, camping, chambres d'hôtes) Annuaires et moteurs 30 Janvier 2013
Referencer http://superpronostik.onlc.fr Débuter en référencement 27 Septembre 2012
Annuaire Supernova Annuaires et moteurs 8 Septembre 2012
W3C et supercache pour WP Développement d'un site Web ou d'une appli mobile 7 Août 2012
SuperMusculation.com [je veux votre avis] :-) Demandes d'avis et de conseils sur vos sites 11 Mai 2012
Script supersized Développement d'un site Web ou d'une appli mobile 4 Mai 2012
2 nouveaux services pour publication d'articles, objectif : faire super clean ! Annuaires et moteurs 23 Avril 2012
Marge trimestrielle supérieure aux attentes pour Google et restructuration de son capital Google : l'entreprise, les sites web, les services 12 Avril 2012
[google performance de site] me dit que mon site est super lent!!!? Développement d'un site Web ou d'une appli mobile 6 Avril 2011
WordPress Admin Bar : retirer le style superflu Développement d'un site Web ou d'une appli mobile 18 Mars 2011
Problème CSS à résoudre, superposition div/table Développement d'un site Web ou d'une appli mobile 4 Mars 2011
Superposition d'images en CSS Développement d'un site Web ou d'une appli mobile 10 Février 2011