18008 sujets
Questions générales et questions de débutants
Gouri a écrit :
Pas très compliqué, je vais te mettre sur la voix !
Pour ce que j'ai mis en gras, au clic et non au survol, check ton source, cela se situe après le javascript, au moment du code où il y a l'insertion des images, regardes ici :
<div id="divMenu" style="z-index:0;text-align:center"> <nobr> <p> <a href="#"><img src="users.gif" onmouseover="pop('Client','Module Client')" onmouseout="kill()" width="40" height="40"></a> <a href="#"><img src="commande.gif" onmouseover="pop('Commande','Module Gestion des commandes')" onmouseout="kill()" width="40" height="40"></a> <a href="#"><img src="configure.gif" onmouseover="pop('Configuration','Configuration du site et de l\'administration')" onmouseout="kill()" width="40" height="40"></a> <a href="#"><img src="generer.gif" onmouseover="pop('Génération','Générer le site')" onmouseout="kill()" width="40" height="40"></a> <a href="#"><img src="kits.gif" onmouseover="pop('Kits','Gestion des Kits produits')" onmouseout="kill()" width="40" height="40"></a> <a href="#"><img src="contact.gif" onmouseover="pop('Mailling','Gestion des contacts avec les clients')" onmouseout="kill()" width="40" height="40"></a> <a href="#"><img src="module.gif" width="40" height="40" onmouseover="pop('Module','Gestion des modules')" onmouseout="kill()"></a> <a href="#"><img src="options.gif" onmouseover="pop('Option','Gestion des options produits')" onmouseout="kill()" width="40" height="40"></a> <a href="#"><img src="rapports.gif" width="40" height="40" onmouseover="pop('Rapports','Gestion des rapports d\'activité')" onmouseout="kill()"></a> <a href="#"><img src="stat.gif" onmouseover="pop('Statistiques','Visualisation des statistiques')" onmouseout="kill()" width="40" height="40"></a> <a href="#"><img src="secure.gif" width="40" height="40" onmouseover="pop('Sécurité','Gestion des sécurités et des droits')" onmouseout="kill()"></a> </nobr></p> </div>
Au lieu de mettre onmouseover, tu met onclick
Ensuite pour ce que j'ai mis en italique, va donc faire un tour par là dans ton source :
<div id="divFlecheG"> <a href="#" onmouseover="noScroll=false;mG()" onmouseout="noMove()" onfocus="if(this.blur)this.blur()"> <img src="rgt.jpg" alt="" width="40" height="40"></a> </div> <div id="divFlecheD"> <a href="#" onmouseover="noScroll=false;mD()" onmouseout="noMove()" onfocus="if(this.blur)this.blur()"> <img src="lft.jpg" alt="" width="40" height="40"></a> </div>
divFlecheD = div de la flèche droite
divFlecheG = div de la flèche gauche
il te suffit de modifier les paramètres de ces liens, pour ça je te laisse chercher sinon c'est pas drôle
si tudis le moi
(ok je sors, le trip des smileys on va mettre ça sur le dos de la fatigue hein !)
Le onclick marche tres bien sauf que le defilement s'arrete lorsque l'on sort de l'image. Moi je voudrai qu'il s'arrete au relachement du click.
trinic a écrit :
je n'utilise pas ton script benjamin parce que il y'a trop de fioriture j'ai besoin d'un scroll tres simple.
J'ignore à quelles "fioritures" tu fais référence, mais sache que l'aspect visuel de ce script ainsi que le script lui-même est totalement modifiable…
trinic a écrit :
Le flash est tres bien mais je ne sais pas acceder a une base de donnée avec.
Faux, c'est tout à fait faisable.
trinic a écrit :
De plus c'est assez lourd .
Re-faux, le Flash n'est pas "lourd en soi" (bien au contraire), c'est généralement une mauvaise utilisation qui rend le tout disproportionné.
Benjamin D.C. a écrit :
J'ignore à quelles "fioritures" tu fais référence, mais sache que l'aspect visuel de ce script ainsi que le script lui-même est totalement modifiable…
Faux, c'est tout à fait faisable.
Re-faux, le Flash n'est pas "lourd en soi" (bien au contraire), c'est généralement une mauvaise utilisation qui rend le tout disproportionné.
Ok, je disais que je ne SAVAIS pas acceder a une base de donnée en flash.
Apres je sais seulement utiliser flash en WYSIWYG et tres peu d'Actionscript ce qui surcharge le tout je pense (peut etre que je me trompe...)
OK pour ton script. Je vais rejeter un oeil. juste n'étant pas un super anglophone je n'est pas lu la notice et je ne sais pas comment le mettre en place
Je vais m'acharner, je vais essayer jte promet
Je comprend pas comment l'installer... (putain j'ai l'air con)
Je vois comment mettre les images et tout ( a l'interieur d'une liste "anyClass")
Je met le script "jcarroussellite.js" dans un fichier externe et je le lis par
Mais apres... je ne vois pas.
Je vois comment mettre les images et tout ( a l'interieur d'une liste "anyClass")
Je met le script "jcarroussellite.js" dans un fichier externe et je le lis par
<script type="text/javascript" src="path/to/jcarousellite.js"></script>Mais apres... je ne vois pas.
trinic a écrit :
Bon je crois que je vais laissé tomber ce code...
Bonjour Trinic
Je n'interviens que très peu sur ce forum tant le niveau est élevé, comparé à mes maigres connaissances, mais aussi parce que j'aime bien chercher et trouver par moi même ( bon d'accord, c'est aussi parce qu'ils répondent trop vite pour moi
). 
En ce qui concerne ton problème, je suis parti du même niveau que toi ( sans doute même très en dessous ! ): ie : quasiment le néant absolu...
J'ai "découvert" jQuery et le plugin de Ganeshji grace au lien que Benjamin nous a fourni et je m'y suis collé : je t'assure qu'il n'y a rien de très compliqué
Il faut faire preuve de plus de ténacité...
Le lien de Benjamin semble parfaitement correspondre à ton besoin, et les diverses configurations possibles du plugin en font un très bon outil
La barrière de la langue n'est pas insurmontable ( il existe des traducteurs en ligne, des amis polyglottes, etc...), l'installation est assez "intuitive", et pour tout te dire, javascript ne me semble pas plus simple ou moins simple que jQuery mais plutôt intimement lié
Reprenons :
Tu télécharges et installes la librairie jQuery
Tu télécharges et installes le plugin jCarouselLite (d'autres plugins te sont proposés libre à toi de les instaler ou non, rubrique: Demos)
Ensuite, tu appelles les scripts dans ton entête html
Tu places ton carrousel où tu veux sur ta page ( via la balise div ) dans le corps de ta page ( entre les balises body ) ainsi que les boutons prev et next ( comme mentionné sur le site de Ganesh )
Concernant le code que tu ne sais pas où mettre, tu le places entre deux balises script :<script type="text/javascript"></script> toujours dans ton entête de document.
Tu peux également personnaliser tout cela via une feuille de style de ton cru
Elle est pas belle la vie ?
Quoiqu'il en soit, si tu veux pouvoir t'en sortir seul, il n'y a pas d'autres façons que de "mettre les mains dans le camboui", essaies, trompes-toi, recommences, et si ça ne fonctionne toujours pas, reviens et postes l'url de ce que tu as fait, tu trouveras alors sans aucun doute des mains secourables pour patauger dans le camboui avec toi
Lorsque je ne comprend pas, et beaucoup d'entre nous ont commencé comme cela, je regarde le code source, je l'épluche, l'étudie, le reproduit, et enfin je l'adapte à mon besoin ( le plus souvent juste par curiosité )
Ci-joint un autre lien trouvé sur le sujet, fais abstraction de la langue ( ceci dit la langue de Shakespeare est loin d'être inutile...
) et n'hésites pas à regarder les sources.-> http://sorgalla.com/projects/jcarousel/#Examples
A très bientôt avec ton joli carrousel !
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head><title>doctype</title>
<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript" src="./jcarousellite.js"></script>
<script type="text/javascript">$(function() {
$(".anyClass").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev"
});
});
</script>
</head>
<body>
<button class="prev"><<</button>
<button class="next">>></button>
<div class="anyClass">
<ul>
<li><img src="./img/logo.gif" alt="" width="100" height="100" ></li>
<li><img src="./img/logo.gif" alt="" width="100" height="100" ></li>
<li><img src="./img/logo.gif" alt="" width="100" height="100" ></li>
<li><img src="./img/logo.gif" alt="" width="100" height="100" ></li>
</ul>
</div>
</body>
</html>voila mon code, cela devrait il fonctionner???
parce que cela ne marche pas.
ps: quand tu dis intaller les js, tu veux dire quoi...?
Modifié par trinic (28 Sep 2007 - 16:25)
Bonsoir Trinic,
J'avais un peu oublié ce sujet, mes excuses
Le terme "installer" n'est sans doute pas le plus adéquat, pour définir l'action de dézipper une archives, de la placer en local dans ton dossier "siteoueb" et de la placer éventuellement sur ton serveur, mes confuses une nouvelles fois pour l'éventuelle trouble que cela a pu suscité
A priori oui cela devrait fonctionner, pour peu que tu définisses les styles des éléments que tu déclares :.anyclass,.prev,.next dans une feuille de style qui s'appellerait jCarouselLite par exemple
Cela te servira pour enlever les puces de la liste non ordonnée, pour définir les dimensions de ton conteneur, les couleurs de fond éventuellement, styler un peu les boutons si tu le souhaites (via une image en background) et pour harmoniser tout cela aux "couleurs" de ton site par exemple.
J'ai refait quelques exemples du lien que je t'ai donné ( la librairie est inférieure mais tout à fait fonctionnel) c'est réellement à la portée de chacun, et il y a vraiment plein de chose à faire et d'autres à inventer certainement
Encore un petit effort sur la feuille de style et tu devrais arriver à quelque chose de concluant, inspires-toi si besoin des feuilles de style des deux liens que nous t'avons donnés pour t'aiguiller et te donner des idées
Bon courage,
@bientôt
J'avais un peu oublié ce sujet, mes excuses
Le terme "installer" n'est sans doute pas le plus adéquat, pour définir l'action de dézipper une archives, de la placer en local dans ton dossier "siteoueb" et de la placer éventuellement sur ton serveur, mes confuses une nouvelles fois pour l'éventuelle trouble que cela a pu suscité
A priori oui cela devrait fonctionner, pour peu que tu définisses les styles des éléments que tu déclares :.anyclass,.prev,.next dans une feuille de style qui s'appellerait jCarouselLite par exemple
Cela te servira pour enlever les puces de la liste non ordonnée, pour définir les dimensions de ton conteneur, les couleurs de fond éventuellement, styler un peu les boutons si tu le souhaites (via une image en background) et pour harmoniser tout cela aux "couleurs" de ton site par exemple.
J'ai refait quelques exemples du lien que je t'ai donné ( la librairie est inférieure mais tout à fait fonctionnel) c'est réellement à la portée de chacun, et il y a vraiment plein de chose à faire et d'autres à inventer certainement
Encore un petit effort sur la feuille de style et tu devrais arriver à quelque chose de concluant, inspires-toi si besoin des feuilles de style des deux liens que nous t'avons donnés pour t'aiguiller et te donner des idées
Bon courage,
@bientôt
ok c'est bon merci pour tout, j'ai reussi a faire fonctionner tout ca... Juste une derniere question. Le Jcarousel marche sur Safari ??? J'ai un bug bizarre alors que sur firefox ca marche. Au Chargement de la page sous safari il ne s'affiche que 2 "vignette" dans le carousel au lieu de 4 (je les parametré pour) et lorsque que l'on appuie sur les fleche tout redevien normal. Sur firefox aucun souci par contre.