création d'un diaporama

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

Résolu création d'un diaporama

Message par Andas le Dim 28 Oct 2012 - 15:19


bonjour
comment pourrai-je créer un diaporama afin de visionner quelques photos sélectives au niveau du portail de mon forum?

C'est très gentil de votre part de bien m'expliquer.


Dernière édition par Andas le Lun 29 Oct 2012 - 21:06, édité 3 fois

Andas
*

Masculin
Messages : 31
Inscrit(e) le : 18/06/2011

http://tenes02.forumalgerie.net/
Andas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: création d'un diaporama

Message par karinette75 le Dim 28 Oct 2012 - 17:02

bonjour

tu veux parler de quelque chose comme ça :

Code:
<iframe src="http://mestricotinsenfolies.forumgratuit.org/h44-accordeon-a-modifier2" frameborder="2px" width="415" height="230" scrolling="no"></iframe>

karinette75
****

Féminin
Messages : 342
Inscrit(e) le : 27/10/2011

http://mestricotinsenfolies.forumgratuit.org
karinette75 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: création d'un diaporama

Message par Andas le Dim 28 Oct 2012 - 17:18


Merci de m'avoir compris mais comment pourrai-je mettre des photos ?
Et comment faire pour élargir le widget (changer de dimension de l'image) si ma question est claire.

J'attends la réponse


Dernière édition par Andas le Lun 29 Oct 2012 - 21:06, édité 3 fois (Raison : pour éclaircir mes questions)

Andas
*

Masculin
Messages : 31
Inscrit(e) le : 18/06/2011

http://tenes02.forumalgerie.net/
Andas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: création d'un diaporama

Message par karinette75 le Dim 28 Oct 2012 - 19:25

alors moi j'ai mis mon code en HTML et ensuite mis en ifram comme ici si tu as vu en survolent les image tu en as une autre qui apparaît enfin du texte pas sur que ça soit vraiment ça que tu veuilles mais si c'est le cas je te donnerai mon code sans soucis après ça sera à toi de l'arranger à ta sauce loll

karinette75
****

Féminin
Messages : 342
Inscrit(e) le : 27/10/2011

http://mestricotinsenfolies.forumgratuit.org
karinette75 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: création d'un diaporama

Message par Andas le Dim 28 Oct 2012 - 20:51

en cours
D'accord et merci infiniment

Andas
*

Masculin
Messages : 31
Inscrit(e) le : 18/06/2011

http://tenes02.forumalgerie.net/
Andas a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: création d'un diaporama

Message par karinette75 le Lun 29 Oct 2012 - 8:34

Spoiler:
Code:
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>


<!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>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Titre</title>

<style type="text/css">
/*Image défilante*/

.new_event {
width: 380px;
height: 200px;
margin: 10px auto;
padding: 0;
position: relative;
overflow: hidden;
border:2px solid #311C26;
}

.new_event div {
width: 380px;
height: 200px;
margin: 0 auto;
text-align: center;
padding: 0;
position: relative;
}

.fond_blanc {
position: relative;
margin:2px;
}

/* placer les icones avant et après des images défilantes*/

#prev2 {
position: absolute;
top: 110px;
left: 2px;
cursor: pointer;
z-index: 999;
}

#next2 {
position: absolute;
top: 110px;
right: 2px;
cursor: pointer;
z-index: 999;
}

/*Image transparante au passage de la souris*/

.description_contenu
{
position: absolute;
display: block;
width: 363px;
height: 200px;
background-color: #f575e2;
line-height:20px;
font-size: 16px;
color: #fff;
text-align: jutsify;
padding-left:10px;
padding-right:20px;
padding-top:1px;
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
filter: alpha(opacity=0);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
text-align:justify;
}
.description_contenu:hover
{
opacity: 0.9;
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
filter: alpha(opacity=90);
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

/* DIV CONTENEUR */
#tfa_news{
width: 400px;
border: 3px solid #333333;
background: #fff;
text-align: left;
height:200px;
}
#tfa_news ol {
list-style: none;
margin:0;
padding:10;
}
#tfa_news ol li{
margin: 0;
padding: 10;
}
/* DIV DU CONTENU */
#tfa_news div{
width:400px;
margin:0px;
}
</style>

<script src="http://ayaels.forumgratuit.org/11648.js" type="text/javascript"></script>

<script src="http://ayaels.forumgratuit.org/12689.js" type="text/javascript"></script>

<script src="http://ayaels.forumgratuit.org/13406.js" type="text/javascript"></script>

</head>
<body>
<table>
<tr>
<td valign="top" rowspan="2"><div class="newandevent"><div class="fond_blanc">

<!-- Slide new_event -->
<!-- BOUTONS AVANT-APRES -->

<span id="prev2">
<img src="http://i46.servimg.com/u/f46/16/36/06/79/action13.png" alt="prev" />
</span>
<span id="next2">
<img src="http://i46.servimg.com/u/f46/16/36/06/79/action14.png" alt="next" />
</span><div class="new_event">

<!-- contenu 1 -->
                      <div>                        <div class="description">
<span style="display: block; width: 380px; height: 200px; background: url(ton image) center center no-repeat;">
<span class="description_contenu">
ton texte <a href="ton lien de redirection">En savoir plus? </a></span>
</span>
</div>
</div>

<!-- contenu 2 -->
                        <div>                        <div class="description">
<span style="display: block; width: 380px; height: 200px; background: url(ton image) center center no-repeat;">
<span class="description_contenu">
 ton texte
<br/>
<a href="ton lien de redirection">? En savoir plus ?</a>
</span>
</span>
</div>
</div>

<!-- contenu 3-->                                               
<div>                        <div class="description">
<span style="display: block; width: 380px; height: 200px; background: url(ton image) center center no-repeat;">
<span class="description_contenu">ton texte
<br/>
<a href="ton lien de redirection">? En savoir plus ?</a>
</span>
</span>
</div>
</div>



</div>             
</div>
</div>
</td>
</tr>
</table>
</body>
</html>

bonne journée

karinette75
****

Féminin
Messages : 342
Inscrit(e) le : 27/10/2011

http://mestricotinsenfolies.forumgratuit.org
karinette75 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: création d'un diaporama

Message par Andas le Lun 29 Oct 2012 - 13:21


ça me dépasse,impossible de trouver la solution.
j'aimerai bien que quelqu'un m'aidera à créer un diaporama avec mes photos pour le mettre au niveau du portail de mon forum.

merci d'avance


Dernière édition par Andas le Lun 29 Oct 2012 - 21:10, édité 1 fois

Andas
*

Masculin
Messages : 31
Inscrit(e) le : 18/06/2011

http://tenes02.forumalgerie.net/
Andas a été remercié(e) par l'auteur de ce sujet.

Résolu Re: création d'un diaporama

Message par karinette75 le Lun 29 Oct 2012 - 15:14

dans le code que je t'ai fourni, tu as juste à mettre" tes liens" à la place de "ton image" dans chaque contenu voilà c'est tout

sinon tu peux aussi faire un diapograme comme ceci avec du texte sous chaque photo :

Code:
<iframe src="http://mestricotinsenfolies.forumgratuit.org/h38-album-photo" frameborder="2px" width="515" height="330" scrolling="no"></iframe>

karinette75
****

Féminin
Messages : 342
Inscrit(e) le : 27/10/2011

http://mestricotinsenfolies.forumgratuit.org
karinette75 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: création d'un diaporama

Message par Andas le Lun 29 Oct 2012 - 21:04

résolu
Bonsoir;
il fallait me le dire qu'à la place de de "ton image" ,j'aurai dû mettre" mes liens" tout simplement.
Le problème est résolu et je vous félicite de m'avoir aidé. Yes

J'ai voté pour ta première réponse afin que ta réputation soit positive.
Merci encore...

Andas
*

Masculin
Messages : 31
Inscrit(e) le : 18/06/2011

http://tenes02.forumalgerie.net/
Andas 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