problème avec un code de livre

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

Résolu problème avec un code de livre

Message par karinette75 le Dim 20 Nov 2011 - 16:21

bonjour,
j'ai trouver ce code pour créer un livre il marche très bien sauf que j'arrive pas à y mettre mes photos :

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>  <head>                            <script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/37821634957680146/jquery-142.js"></script>      <script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/37821634957680146/jqueryimBookFlip-06.js"></script>      <style> #myBook {  display:none;  position:absolute;  left: 400px;  top:270px;  width: 604px;  height:362px;}.imBookPage {  position:absolute;  left:0px;  top:0px;  width: 300px;  height:360px;  color:#fff;  overflow:hidden;  border: solid 1px #000;}</style><script type="text/javascript">$(document).ready( function() {  $("#myBook").imBookFlip({      page_class: 'imBookPage'  });});    </script>      </head>  <body>  <div id="myBook" style="display:none;">            <div class="imBookPage" style="background: url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div>  <div class="imBookPage" style="background: url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div>  <div class="imBookPage" style="background: url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div>  <div class="imBookPage" style="background: url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div>  <div class="imBookPage" style="background: url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div>  </div>        </body></html>


pouvez m'aider car quand je mets l'url de mes photos elles ne s'affichent pas ?

merci beaucoup


Dernière édition par karinette75 le Lun 21 Nov 2011 - 18:27, édité 1 fois

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: problème avec un code de livre

Message par karinette75 le Lun 21 Nov 2011 - 9:41

up

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: problème avec un code de livre

Message par Poohnet le Lun 21 Nov 2011 - 10:25

Bonjour

J'ai testé ton code tel qu'il est sur le poste, il fonctionne très bien.

je suppose qu'il doit y avoir une erreur avec tes adresses de photos, vérifies les bien, ne pas mettre ni espace ni accent dans le nom de tes fichiers photo.
Vérifies bien aussi les extensions.

Cordialement


Poohnet
Nouveau membre

Messages : 13
Inscrit(e) le : 11/11/2011

http://poohnet.bbactif.com/
Poohnet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème avec un code de livre

Message par missx le Lun 21 Nov 2011 - 10:53

@karinette75 a écrit:bonjour,
j'ai trouver ce code pour créer un livre il marche très bien sauf que j'arrive pas à y mettre mes photos :

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>  <head>                            <script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/37821634957680146/jquery-142.js"></script>      <script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/37821634957680146/jqueryimBookFlip-06.js"></script>      <style> #myBook {  display:none;  position:absolute;  left: 400px;  top:270px;  width: 604px;  height:362px;}.imBookPage {  position:absolute;  left:0px;  top:0px;  width: 300px;  height:360px;  color:#fff;  overflow:hidden;  border: solid 1px #000;}</style><script type="text/javascript">$(document).ready( function() {  $("#myBook").imBookFlip({      page_class: 'imBookPage'  });});    </script>      </head>  <body>  <div id="myBook" style="display:none;">            <div class="imBookPage" style="background: url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div>  <div class="imBookPage" style="background: url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div>  <div class="imBookPage" style="background: url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div>  <div class="imBookPage" style="background: url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div>  <div class="imBookPage" style="background: url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div>  </div>        </body></html>


pouvez m'aider car quand je mets l'url de mes photos elles ne s'affichent pas ?

merci beaucoup

salut
Tu le met ou ce code ? dans une page html, l'accueil du forum ? un post ?

missx
+ Hyperactif +

Féminin
Messages : 2895
Inscrit(e) le : 12/05/2007

http://google.fr
missx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème avec un code de livre

Message par karinette75 le Lun 21 Nov 2011 - 13:20

je met l'adresse url des photos dans ce code à cet endroit : <div class="imBookPage" style="background: url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div>

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: problème avec un code de livre

Message par Poohnet le Lun 21 Nov 2011 - 13:31

Oui nous avons vu où tu mettais les images dans ce code, mai la question de missx est où as-tu placé le code.

Autre chose je suppose que c'est un code exemple car tu as la même image appelée sur toutes les pages du livre, mets-nous le code avec toutes les images en question qu'on puisse voir si il y a une erreur d'adresse au niveau des images.

Poohnet
Nouveau membre

Messages : 13
Inscrit(e) le : 11/11/2011

http://poohnet.bbactif.com/
Poohnet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème avec un code de livre

Message par karinette75 le Lun 21 Nov 2011 - 13:37

je met le code dans une page html mais honnétement j'y comprend strictement rien je suis une vrai débutante mon forum n'a pas 1 mois lolllll

voici un exemple :
<div class="imBookPage" style="background: url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")>url=http://www.servimg.com/image_preview.php?i=450&u=16465209][/url]</div>.


Dernière édition par karinette75 le Lun 21 Nov 2011 - 17:24, édité 1 fois

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: problème avec un code de livre

Message par Poohnet le Lun 21 Nov 2011 - 13:54

Il faut que tu fasses ton code comme ça
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> 
      <head>                           
      <script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/37821634957680146/jquery-142.js"></script>     
      <script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/37821634957680146/jqueryimBookFlip-06.js"></script>     
      <style> #myBook {  display:none;  position:absolute;  left: 400px;  top:270px;  width: 604px;  height:362px;}.imBookPage {  position:absolute;  left:0px;  top:0px;  width: 300px;  height:360px;  color:#fff;  overflow:hidden;  border: solid 1px #000;}</style>
      <script type="text/javascript">$(document).ready( function() {  $("#myBook").imBookFlip({      page_class: 'imBookPage'  });});    </script>     
      </head> 
      <body> 
      <div id="myBook" style="display:none;">
      <div class="imBookPage" style="background: url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div> 
      <div class="imBookPage" style="background: url(http://i46.servimg.com/u/f46/16/46/52/09/00520.jpg")></div> 
      <div class="imBookPage" style="background: url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div> 
      <div class="imBookPage" style="background: url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div> 
      <div class="imBookPage" style="background: url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div> 
      </div>       
      </body>
      </html>

L'image du chapeau est à la ligne 11 du code (2ème page du livre) et à chaque ligne 10, 12,13,14 tu mets l'adresse des images que tu veux voir.

Poohnet
Nouveau membre

Messages : 13
Inscrit(e) le : 11/11/2011

http://poohnet.bbactif.com/
Poohnet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème avec un code de livre

Message par karinette75 le Lun 21 Nov 2011 - 16:59

quand je met ton code dans ma page HTML et que je prévisualise ça me fais une page blanche Sad

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: problème avec un code de livre

Message par missx le Lun 21 Nov 2011 - 17:33

lorsque tu crée ta page html, tu coche "non" au 2 options :
-utiliser le haut et le bas du forum
-et utiliser comme page d’accueil.
ensuite tu doit avoir cette icône au dessus du champ texte : +html
si tu as cette icône là : -html , tu clique dessus de façon à avoir la croix verte.
tu colle ton code et tu valide.

missx
+ Hyperactif +

Féminin
Messages : 2895
Inscrit(e) le : 12/05/2007

http://google.fr
missx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème avec un code de livre

Message par karinette75 le Lun 21 Nov 2011 - 17:40

c'est ce que je fais mais rien une page blanche apparait quand je prévisualise et je vois pas ou et l'erreur dans le code

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: problème avec un code de livre

Message par missx le Lun 21 Nov 2011 - 17:42

ne prévisualise pas et valide directement.
j'ai essayé ton code et il fonctionne.

missx
+ Hyperactif +

Féminin
Messages : 2895
Inscrit(e) le : 12/05/2007

http://google.fr
missx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème avec un code de livre

Message par karinette75 le Lun 21 Nov 2011 - 17:45

j'ai vaildé et j'ai une page blanche rien d'autre voici le lien regarde par toi même : http://mestricotinsenfolies.forumgratuit.org/h3-livre-noel

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: problème avec un code de livre

Message par Poohnet le Lun 21 Nov 2011 - 17:55

@karinette75 a écrit:j'ai vaildé et j'ai une page blanche rien d'autre voici le lien regarde par toi même : http://mestricotinsenfolies.forumgratuit.org/h3-livre-noel

Tu n'as pas d'extension à ta page, il faut l'appeler h3-livre-noel.html

Poohnet
Nouveau membre

Messages : 13
Inscrit(e) le : 11/11/2011

http://poohnet.bbactif.com/
Poohnet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème avec un code de livre

Message par missx le Lun 21 Nov 2011 - 18:01

Tu n'as pas d'extension à ta page, il faut l'appeler h3-livre-noel.html
non, il ne faut pas mettre d'extension, c'est le serveur qui s'en charge.
essaie ce code en entier dans la page html en mode +html
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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>livre</title>
<head>                         
              <script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/37821634957680146/jquery-142.js"></script>   
              <script type="text/javascript" src="http://sd-1.archive-host.com/membres/up/37821634957680146/jqueryimBookFlip-06.js"></script>   
              <style>
              #myBook { 
           display:none;
             position:absolute;
             left: 400px;
              top:270px;
              width: 604px;
                height:362px;
               }
           .imBookPage {
           position:absolute;
             left:0px;
             top:0px; 
             width: 300px; 
             height:360px; 
             color:#fff; 
             overflow:hidden;
              border: solid 1px #000;
              }

              </style>
              <script type="text/javascript">$(document).ready( function() {  $("#myBook").imBookFlip({      page_class: 'imBookPage'  });});    </script>   
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
              </head>
              <body>
              <div id="myBook" style="display:none;">
              <div class="imBookPage" style="background:url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div>
              <div class="imBookPage" style="background:url(http://i46.servimg.com/u/f46/16/46/52/09/00520.jpg")></div>
              <div class="imBookPage" style="background:url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div>
              <div class="imBookPage" style="background:url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div>
              <div class="imBookPage" style="background:url(http://sd-1.archive-host.com/membres/up/37821634957680146/stargate.jpg")></div>
           
              </div>     
</body>
              </html>

A+

missx
+ Hyperactif +

Féminin
Messages : 2895
Inscrit(e) le : 12/05/2007

http://google.fr
missx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème avec un code de livre

Message par karinette75 le Lun 21 Nov 2011 - 18:09

voici ce que donne ton code : http://mestricotinsenfolies.forumgratuit.org/h3-livre-noel

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: problème avec un code de livre

Message par missx le Lun 21 Nov 2011 - 18:14

je vois bien les images et le les pages défilent lorsque l'on clique dessus.
je pense que le soucis viendrait de ton navigateur, tu utilise chrome ?

missx
+ Hyperactif +

Féminin
Messages : 2895
Inscrit(e) le : 12/05/2007

http://google.fr
missx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème avec un code de livre

Message par karinette75 le Lun 21 Nov 2011 - 18:17

non j'utilise IE8

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: problème avec un code de livre

Message par karinette75 le Lun 21 Nov 2011 - 18:23

si ça vient de moi désolé pour le dérangement c'est galère ça quand même de pas pouvoir voir

merci beaucoup en tout cas pour ton temps passé à m'aider

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: problème avec un code de livre

Message par Poohnet le Lun 21 Nov 2011 - 18:45

Peut-être devrais-tu vider le cache de ton navigateur, car moi aussi j'avais bien la page blanche sur ta page au départ mais plus maintenant après avoir vidé le cache, ton livre défile bien.

Poohnet
Nouveau membre

Messages : 13
Inscrit(e) le : 11/11/2011

http://poohnet.bbactif.com/
Poohnet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème avec un code de livre

Message par karinette75 le Lun 21 Nov 2011 - 19:09

ok merci mais je sais pas faire lolll

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: problème avec un code de livre

Message par Poohnet le Lun 21 Nov 2011 - 19:19

Vider le Cache IE :
> Outils > Options internet > onglet Général > bouton Supprimer > Cocher "Fichiers Internet temporaires" et clic sur "Supprimer" et Ok.

Poohnet
Nouveau membre

Messages : 13
Inscrit(e) le : 11/11/2011

http://poohnet.bbactif.com/
Poohnet a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème avec un code de livre

Message par karinette75 le Lun 21 Nov 2011 - 19:44

ah ok je savais pas que ça s'appeler comme ça cette manip

merci

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.

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