Images coulissante

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Images coulissante

Message par Hemma le Mar 17 Mai 2011 - 21:24

Bonjour je voudrais faire cet effet sur mon forum les image qui coulissent: http://elegance-design.forumactif.com en haut la où il y a les partenaires.


Dernière édition par Hemma le Sam 11 Juin 2011 - 23:52, édité 2 fois

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par Hemma le Ven 20 Mai 2011 - 18:52

UUUUUUUUUUUUUUUUUUUUUUUPPPPPPPPPPPPPPPPPPPPPPP

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par Anzu le Jeu 26 Mai 2011 - 17:00

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, dans ce cas, :editer: votre premier message et cochez l'icône résolu

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par Hemma le Jeu 26 Mai 2011 - 18:14

S'il vous plait aidez moi!

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par Invité le Jeu 26 Mai 2011 - 18:47

Bonsoir,

J'ai fait une petite recherche en tapant "images coulissantes" sur google. Différents sites donnent les codes pour le faire, mais manifestement, il faut être assez calé en HTML et CSS pour réaliser cela. Tentez éventuellement cette recherche par vous-même, essayez les codes et si vous n'y parvenez pas, mettez ce que vous avez trouvé/essayé de faire ici pour que des membres chevronné en HTML et CSS puissent vous aider.

Cordialement

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par Convivialite le Ven 27 Mai 2011 - 8:31

Bonjour

ce que tu cherche a faire , c'est un menu accordéon

voici un tuto

http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html

Amicalement

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par Hemma le Ven 27 Mai 2011 - 17:39

oui c'est ça le premier exemple

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par Convivialite le Ven 27 Mai 2011 - 18:14

j'ai fait une petite recherche , car je ne pourrais pas t'aider , ne l'ayant jamais fait

http://forum.forumactif.com/search?search_keywords=accordeon

celui ci en particulier


http://forum.forumactif.com/t292406-menu-accordeon-horizontal-resolu-merci?highlight=accordeon

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par Hemma le Dim 29 Mai 2011 - 16:17

Ce n'est pas vraiment ça mais je voudrais avoir la moitié de l'image qui se voit et puis quand on passe la souris dessus l'image s'étire et on voit toute l'image.(Si vous voyez ce que je veux dire).

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par chipie23 le Dim 29 Mai 2011 - 16:42

Bonjour, regarde sur ce tuto c'est très bien expliquer ^^

chipie23
***

Féminin
Messages : 187
Inscrit(e) le : 30/06/2010

chipie23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par Hemma le Mar 31 Mai 2011 - 22:35

Je dois m'inscrire je l'ai fait mais ils ne veulent pas m'inscrire.

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par chipie23 le Mar 31 Mai 2011 - 22:46

bonjour, as tu confirmer ton email ?

chipie23
***

Féminin
Messages : 187
Inscrit(e) le : 30/06/2010

chipie23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par Hemma le Mer 1 Juin 2011 - 12:45

Non il ne veulent pas il mettent :Vous ne pouvez pas vous inscrire sur ce forum.

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par chipie23 le Mer 1 Juin 2011 - 22:59

Bonjour à quel niveau on te donne cette phrase

chipie23
***

Féminin
Messages : 187
Inscrit(e) le : 30/06/2010

chipie23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par Hemma le Jeu 2 Juin 2011 - 12:45

Quand j'ai fini de remplir la fiche et quand je valide

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par Hemma le Jeu 2 Juin 2011 - 12:50

C'est bon mais seul les utilisateurs ayant un accès spécial peuvent lire

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par chipie23 le Jeu 2 Juin 2011 - 13:37

sur ce forum il faut se présenter Wink

chipie23
***

Féminin
Messages : 187
Inscrit(e) le : 30/06/2010

chipie23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par Hemma le Jeu 2 Juin 2011 - 14:17

a ok

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par Hemma le Jeu 2 Juin 2011 - 14:18

je vais le faire

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par Hemma le Ven 3 Juin 2011 - 0:45


Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par Hemma le Dim 5 Juin 2011 - 13:55

Ça ne marche toujours pas ils me mettent la même chose.

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Images coulissante

Message par Convivialite le Dim 5 Juin 2011 - 15:44

Bonjour

je viens de le tester , et chez moi ça fonctionne

il y a 3 scripts qu'il faudra que tu héberge toi même c'est plus sûr

http://s3.archive-host.com/membres/up/1696114791/java/rejquery-132.js

http://s3.archive-host.com/membres/up/1696114791/java/kwi/jquerykwicks-151pack.js

http://s3.archive-host.com/membres/up/1696114791/java/jqueryeasing13.js

ensuite il faut que tu prépare ta liste de partenaire , de cette façon

Code:
<li id="image1"><a href="LIEN DU FORUM"  target="_blank"><img src="LIEN DE L IMAGE "  /></a></li>
 <li id="image2"><a href="LIEN DU FORUM"  target="_blank"><img src="LIEN DE L IMAGE"  /></a></li>

et ainsi de suite suivant le nombre de partenaire que tu veux mettre

après tout cela est a mettre dans une page HTML

comme ça

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">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test_1</title>
<style type="text/css">

.kwicks {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
}
.kwicks li{
  display: block;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
}

.kwicks li{
    float: left;
    width: 55px;  /* la partie qui sera visible */
    height: 55px;  /* hauteur de l'image */
}

#image1 {
    background-image: url('adresse de l'image') ;
}
#image2 {
    background-image: url('adresse de l'image');
}
#image3 {
    background-image: url('adresse de l'image');
}
#image4 {
    background-image: url('adresse de l'image');
}
#image5{
    background-image: url('adresse de l'image');
}
#image6{
    background-image: url('adresse de l'image');
}
#image7{
    background-image: url('adresse de l'image');
}
#image8{
    background-image: url('adresse de l'image');
  margin-right: 0px;
}

</style>
</head>
<body>
<ul class="kwicks"><li id="image1"><a href="LIEN DU FORUM"  target="_blank"><img src="LIEN DE L IMAGE "  /></a></li>
 <li id="image2"><a href="LIEN DU FORUM"  target="_blank"><img src="LIEN DE L IMAGE"  /></a></li>

</ul>

      <script src="http://s3.archive-host.com/membres/up/1696114791/java/rejquery-132.js" type="text/javascript"></script>
<script src="http://s3.archive-host.com/membres/up/1696114791/java/jqueryeasing13.js" type="text/javascript"></script>
<script src="http://s3.archive-host.com/membres/up/1696114791/java/kwi/jquerykwicks-151pack.js" type="text/javascript"></script>

<script language="JavaScript">
$().ready(function() {
  $('.kwicks').kwicks({
      max: 100,
      spacing: 2,
      duration: 1200,
      easing: 'easeOutBounce'
  });
});
</script>

</body>
</html>

après , dans le message de la page d'accueil , tu mets

Code:
<iframe src="LIEN DE TA PAGE HTML" frameborder="2px" width="900" height="55" scrolling="no"></iframe>



Amicalement

Convivialite
+ Hyperactif +

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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