Images coulissante

4 participants

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

Résolu Images coulissante

Message par Hemma 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

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 Ven 20 Mai 2011, 18:52

UUUUUUUUUUUUUUUUUUUUUUUPPPPPPPPPPPPPPPPPPPPPPP
Hemma

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 Jeu 26 Mai 2011, 17:00

Images coulissante Imager11Bonjour,

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

Anzu
Membre actif

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

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

Résolu Re: Images coulissante

Message par Hemma Jeu 26 Mai 2011, 18:14

S'il vous plait aidez moi!
Hemma

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é 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
Anonymous

Invité
Invité


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

Résolu Re: Images coulissante

Message par Convivialite Ven 27 Mai 2011, 08: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

Convivialite
Membre actif

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 Ven 27 Mai 2011, 17:39

oui c'est ça le premier exemple
Hemma

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 Ven 27 Mai 2011, 18:14

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

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

celui ci en particulier


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

Convivialite
Membre actif

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 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

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 Dim 29 Mai 2011, 16:42

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

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 Mar 31 Mai 2011, 22:35

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

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 Mar 31 Mai 2011, 22:46

bonjour, as tu confirmer ton email ?
chipie23

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 Mer 01 Juin 2011, 12:45

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

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 Mer 01 Juin 2011, 22:59

Bonjour à quel niveau on te donne cette phrase
chipie23

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 Jeu 02 Juin 2011, 12:45

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

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 Jeu 02 Juin 2011, 12:50

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

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 Jeu 02 Juin 2011, 13:37

sur ce forum il faut se présenter Wink
chipie23

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 Jeu 02 Juin 2011, 14:17

a ok
Hemma

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 Jeu 02 Juin 2011, 14:18

je vais le faire
Hemma

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 Ven 03 Juin 2011, 00:45

Images coulissante La_ele10Images coulissante La_ele11
Hemma

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 Dim 05 Juin 2011, 13:55

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

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 Dim 05 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

Convivialite
Membre actif

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

- Sujets similaires

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