Forum de Graphisme - Best of Graph'
Les inscriptions au forum sont maintenant fermée, en effet, nous ne trouvons pas juste de faire s'inscrire des membres pour rien, vu que le forum en dans un état actuellement passif.
Merci, bien à vous!
BOG.

Remarque : la partie publique du forum, tutoriels, ... restent actifs.
Autopassion.net le site ddi  l'automobile cr par ses utilisateurs

Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

Aller à la page : 1, 2  Suivant


Voir le sujet précédent Voir le sujet suivant Aller en bas  Message [Page 1 sur 2]

1 Cover flow javascript. le 2/9/2011, 04:32

metalguy

avatar
Membre
Bonjour,

Je cherche à faire un "imageflow" en javascript. J'ai tous les fichiers qu'il faut, mais je veux les assembler en une page forumactif

le java, je l'upload sur archivehost puis je mets le lien. pour le css, je fais
Code:
<style type="text/css"></style>

Voilà mais ça ne marche pas comme prévu. Si l'un d'entre vous peut m'aider, ce serait la bienvenue

merci d'avance

metalguy

P.S.: voilà les fichiers :

http://upload.stabland.fr/fichiers/files17/contentflow_copy.zip

2 Re: Cover flow javascript. le 2/9/2011, 04:51

romain42

avatar
Pubeur
Moi, je sais que pour l'html/php c'est :

Code:

<link rel="stylesheet" media="screen" type="text/css" title="Nom de ton disign" href="Adresse de ta page.css" />

Après, je ne pense pas/sais pas si sa marche pour du java !

@+

3 Re: Cover flow javascript. le 2/9/2011, 06:13

metalguy

avatar
Membre
ah j'ai oublié de mettre les fichiers ... j'édite Wink

4 Re: Cover flow javascript. le 2/9/2011, 06:25

romain42

avatar
Pubeur
Heu, maintenant, les codes ont disparut !!!

@+

5 Re: Cover flow javascript. le 2/9/2011, 06:41

metalguy

avatar
Membre
voilà. remis.

6 Re: Cover flow javascript. le 2/9/2011, 21:06

Arkantos22

avatar
Administrateur
Bonjour,

Je ne comprend pas vraiment ce que tu nous demandes... Tu as un problème avec le css ? Ou le Javscript ?

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé

7 Re: Cover flow javascript. le 2/9/2011, 23:21

metalguy

avatar
Membre
avec tout :p je cherche si quelqu'un pourrait tout me configurer pour faire un cover flow sympa, qui pourrait m'expliquer comment il a fait et où je peux configurer certaines options.

j'aurais peut-être du mettre ça dans demande de code ? Si oui, vous pouvez déplacer.

merci d'avance,

metalguy

8 Re: Cover flow javascript. le 2/9/2011, 23:43

Arkantos22

avatar
Administrateur
Tu es admin d'un ForumActif ?

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé

9 Re: Cover flow javascript. le 3/9/2011, 00:10

romain42

avatar
Pubeur

10 Re: Cover flow javascript. le 3/9/2011, 00:12

Arkantos22

avatar
Administrateur
Si mais ça c'est un forum Xooit. Dans son premier message, il parle de ForumActif.

Clin d\'oeil

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé

11 Re: Cover flow javascript. le 3/9/2011, 00:19

metalguy

avatar
Membre
oui, c'est avec ça que je voudrais uploader un coverflow pour ensuite faire une iframe.

12 Re: Cover flow javascript. le 3/9/2011, 00:23

Arkantos22

avatar
Administrateur
Je n'arrive pas téléchargé les fichiers >< C'est réglé

Sinon, c'est pour fofo-graph ?

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé

13 Re: Cover flow javascript. le 3/9/2011, 00:28

metalguy

avatar
Membre
non, c'est pour un autre forum pour faire un slideshow d'images sympas avec une "redirection" vers une page consacrée à l'image.
fofo-graph, c'est un peu mort, on a un membre actif dans le flood :p

14 Re: Cover flow javascript. le 3/9/2011, 00:30

Arkantos22

avatar
Administrateur
Ok, et l'autre fofo est sur ForumActif ?

Code:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <link rel="stylesheet" title="Standard" href="styles.css" type="text/css" media="screen" />

    <script language="JavaScript" type="text/javascript" src="LE LIEN DE TON JS"></script>
    <script tyle="text/javascript">var cf = new ContentFlow('contentFlow', {reflectionColor: "#000000"});</script>
   
   <style>
      <!-- TON CSS -->
   </style>
</head>
<body>
    <div id="contentFlow" class="ContentFlow">
        <div class="loadIndicator"><div class="indicator"></div></div>

        <div class="flow">

            <div class="item">
                <img class="content" src="pics/pic0.png"/>
                <div class="caption">pic0: some stripes</div>

            </div>
            <div class="item">
                <img class="content" src="pics/pic1.png"/>
                <div class="caption">pic1: some stripes</div>
            </div>
            <div class="item">
                <img class="content" src="pics/pic2.png"/>
                <div class="caption">pic2: some stripes</div>

            </div>
            <div class="item">
                <img class="content" src="pics/pic1.png"/>
                <div class="caption">pic1: some stripes</div>
            </div>

            <div class="item">
                <img class="content" src="pics/pic0.png"/>
                <div class="caption">pic0: some stripes</div>

            </div>
            <div class="item">
                <img class="content" src="pics/pic1.png"/>
                <div class="caption">pic1: some stripes</div>
            </div>
            <div class="item">
                <img class="content" src="pics/pic2.png"/>
                <div class="caption">pic2: some stripes</div>

            </div>
            <div class="item">
                <img class="content" src="pics/pic1.png"/>
                <div class="caption">pic1: some stripes</div>
            </div>

            <div class="item">
                <img class="content" src="pics/pic0.png"/>
                <div class="caption">pic0: some stripes</div>

            </div>
            <div class="item">
                <img class="content" src="pics/pic1.png"/>
                <div class="caption">pic1: some stripes</div>
            </div>
            <div class="item">
                <img class="content" src="pics/pic2.png"/>
                <div class="caption">pic2: some stripes</div>

            </div>
            <div class="item">
                <img class="content" src="pics/pic1.png"/>
                <div class="caption">pic1: some stripes</div>
            </div>

        </div>
        <div class="globalCaption"></div>
        <div class="scrollbar">

            <div class="slider"><div class="position"></div></div>
        </div>

    </div>
   </body>
</html>

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé

15 Re: Cover flow javascript. le 3/9/2011, 03:32

metalguy

avatar
Membre
oui,

j'y arrive pas Sad ça ne marche pas ... et je peux pas mettre le code, ils me mettent que je ne peux pas poster de liens, donc je vais vous envoyer le code par MP.

vous avez regardé le fichier que je vous ai envoyé ? si oui, il y a un fichier appelé index.html et ils expliquent comment faire mais moi j'comprends rien :S

Si j'étais sur windows j'aurais eu surement moins de problèmes, mais je suis sur un ancien mac et je n'ai aucun éditeur de langages informatiques et aucun n'est compatible avec ma version.

16 Re: Cover flow javascript. le 3/9/2011, 03:41

Arkantos22

avatar
Administrateur
Je vais t'avouer franchement, le JS c'est pas mon fort...

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé

17 Re: Cover flow javascript. le 3/9/2011, 03:55

metalguy

avatar
Membre
est-ce qu'il y a quelqu'un qui s'y connait plus en js ?

Au pire tant pis, je chercherai quelque chose de plus facile :p

18 Re: Cover flow javascript. le 3/9/2011, 04:16

Arkantos22

avatar
Administrateur
J'ai contacter Grimpow, mais il faut attendre sa réponse... Je ne suis pas sur qu'il se connectera ce week-end.

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé

19 Re: Cover flow javascript. le 3/9/2011, 06:02

metalguy

avatar
Membre
de toute façon ce n'est pas pressé Wink

20 Re: Cover flow javascript. le 3/9/2011, 06:04

Arkantos22

avatar
Administrateur
Ok, un lien vers ton forum ?

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé

21 Re: Cover flow javascript. le 3/9/2011, 06:20

metalguy

avatar
Membre

22 Re: Cover flow javascript. le 3/9/2011, 06:44

Arkantos22

avatar
Administrateur
Merci

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé

23 Re: Cover flow javascript. le 3/9/2011, 23:55

Grimpow

avatar
Membre
Hi !

J'ai téléchargé le pack et installé, le coverflow fonctionne chez moi x)

Tu veux un coverflow et pouvoir changer les images/texte associés ?

Alors, voilà voilà

Prends les fichiers (contenus dans le dossier Contentflow copy/ du zip que tu m'as donné)


  1. contentflow.css
  2. contentflow.js


Installe les dans le dossier où tu auras ton fichier intégrant le flow.
Prends ta page qui devra contenir le flow.
Insère ce code dans les balises <head></head> de ta page
Code:
<script language="JavaScript" type="text/javascript" src="contentflow.js"></script>
<script tyle="text/javascript">
    var cf = new ContentFlow('contentFlow', {reflectionColor: "#000000"});
</script>
Puis insère dans les balises le code qui suit :
Code:

<div id="contentFlow" class="ContentFlow">
    <div class="loadIndicator"><div class="indicator"></div></div><div class="flow">
        {CODE A INSERER PLUS TARD}
    </div><div class="globalCaption"></div><div class="scrollbar"><div class="slider"><div class="position"></div></div></div>
</div>
Le {CODE A INSERER PLUS TARD} devra être remplacé par les images du flow
code d'une image du flow :
Code:

<div class="item">
    <img class="content" src="{SOURCE-IMAGE}"/>
    <div class="caption">{TITRE DE L'IMAGE}</div>
</div>
{SOURCE-IMAGE} à remplacer par l'url de l'image
{TITRE DE L'IMAGE} à remplacer par le titre de l'image

On peut coller sans problème plusieurs images, il suffit de coller le code donné ci-dessus plusieurs fois dans la partie expliquée plus haut ({CODE A INSERER PLUS TARD})

En espérant t'avoir aidé !

Exemple d'une page html entière intégrant le flow js:
Code:
<!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" lang="en">
<head>
    <script language="JavaScript" type="text/javascript" src="contentflow.js"></script>
    <script tyle="text/javascript">
        var cf = new ContentFlow('contentFlow', {reflectionColor: "#000000"});
    </script>
</head>
<body>
    <!-- ===== FLOW ===== -->
    <div id="contentFlow" class="ContentFlow">
        <!-- should be place before flow so that contained images will be loaded first -->
        <div class="loadIndicator"><div class="indicator"></div></div><div class="flow">

            <div class="item">
                <img class="content" src="pics/pic0.png"/>
                <div class="caption">pic0: some stripes</div>
            </div>
            <div class="item">
                <img class="content" src="pics/pic1.png"/>
                <div class="caption">pic1: some stripes</div>
            </div>
            <div class="item">
                <img class="content" src="pics/pic2.png"/>
                <div class="caption">pic2: some stripes</div>
            </div>
            <div class="item">
                <img class="content" src="pics/pic1.png"/>
                <div class="caption">pic1: some stripes</div>
            </div>

            <div class="item">
                <img class="content" src="pics/pic0.png"/>
                <div class="caption">pic0: some stripes</div>
            </div>
            <div class="item">
                <img class="content" src="pics/pic1.png"/>
                <div class="caption">pic1: some stripes</div>
            </div>
            <div class="item">
                <img class="content" src="pics/pic2.png"/>
                <div class="caption">pic2: some stripes</div>
            </div>
            <div class="item">
                <img class="content" src="pics/pic1.png"/>
                <div class="caption">pic1: some stripes</div>
            </div>

            <div class="item">
                <img class="content" src="pics/pic0.png"/>
                <div class="caption">pic0: some stripes</div>
            </div>
            <div class="item">
                <img class="content" src="pics/pic1.png"/>
                <div class="caption">pic1: some stripes</div>
            </div>
            <div class="item">
                <img class="content" src="pics/pic2.png"/>
                <div class="caption">pic2: some stripes</div>
            </div>
            <div class="item">
                <img class="content" src="pics/pic1.png"/>
                <div class="caption">pic1: some stripes</div>
            </div>

        </div><div class="globalCaption"></div><div class="scrollbar"><div class="slider"><div class="position"></div></div></div>
    </div>

</body>
</html>

24 Re: Cover flow javascript. le 4/9/2011, 06:26

metalguy

avatar
Membre
merci !!

voilà un résultat : http://craftzone2000.forumgratuit.be/h1-test

je vais devoir chipoter un peu avec le css, et il est en mode compact donc cela ne va pas être facile :p.

En tout cas si jamais j'ai un problème de codage je sais où aller.

Merci encore ! (et quel service, j'ai pas du attendre longtemps *0*)

EDIT : résultat final : http://craftzone2000.forumgratuit.be/h2-test-2

merci encore Wink

25 Re: Cover flow javascript. le 4/9/2011, 07:03

Arkantos22

avatar
Administrateur
Merci à toi et surtout à Grimpow. Wink

_____________


[center]

Fondateur & Administrateur de Best of Graph'
»Ma galerie sur BoG«

bestofgraph@gmail.com - Envoyer un message privé
Contenu sponsorisé


Voir le sujet précédent Voir le sujet suivant Revenir en haut  Message [Page 1 sur 2]

Aller à la page : 1, 2  Suivant


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

 

Optimisé pour Mozilla Firefox et Google Chrome
Tous droits reservés - Copyright 2011-2013