Accueil Forum Accueil Forum >

iziSpot : Création de site internet

> Scripts pour votre site
  Nouveaux messages Nouveaux messages Fil RSS  - Insertion WOW slider dans Izispot
  FAQ FAQ  Rechercher dans le Forum   Inscription Inscription  Connexion Connexion

Insertion WOW slider dans Izispot

 Répondre Répondre
Auteur
Message
MANDIN allez vers le bas
Newbie
Newbie
Avatar

Depuis le: 18 Février 2007
Statut: Inactif
Points: 9
Options des messages Options des messages   Merci (0) Merci(0)   Citer MANDIN Citer  RépondreRéponse Lien Direct à ce Post Sujet: Insertion WOW slider dans Izispot
    Envoyé : 05 Janvier 2014 à 19:37
Bonjour,

J'ai réalisé un slide (Enchainement de plusieurs images) avec wow slider afin de l'afficher sur ma page d'accueil (trouy temps libre )
Malheureusement malgré les essais de copie du " body" et de "head" du slide dans ma page "accueil" body et head d'izispot mon enchainement d'image ne s'affiche pas sur ma page d'acceuil.

Je vois simplement le nom de mes photos inscrites dans des rectangles.

Qui peut m'aider?

merci
Haut de la page
caprice allez vers le bas
Moderator Group
Moderator Group
Avatar

Depuis le: 21 Mars 2008
Pays: France
Statut: Inactif
Points: 1923
Options des messages Options des messages   Merci (0) Merci(0)   Citer caprice Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 09 Janvier 2014 à 17:16
Bonjour

Il me semble que tu dois héberger tes images sur ton site avant pour que celles-ci s'affichent
Haut de la page
garbe allez vers le bas
Newbie
Newbie


Depuis le: 10 Janvier 2014
Pays: france
Statut: Inactif
Points: 8
Options des messages Options des messages   Merci (0) Merci(0)   Citer garbe Citer  RépondreRéponse Lien Direct à ce Post Envoyé : 31 Janvier 2014 à 11:50
pour proceder à l'inclusion d'un fichier wow, c'est un peu bizarre. Comme il est indiqué dans l'aide de wow, il faut modifier le head et body de la page html ou on veut incorporer le wow. mais en faisant comme cela, beaucoup des fonctionnalité de wow (fèche de défilement) disparaissent !
voici comment proceder :
dans un premier temps, enregistrer le site  au format html dans un repertoire 1
puis générer le wow dans un repertoire  2
copier les repertoires data1 et engine1 du repertoire 2 dans le repertoire 1
copier le fichier iframe_index.html  du repertoire 2 dans le repertoire 1
ouvrir avec wordpad  le fichier html du repertoire 1 qui reçoit le wow
ouvrir avec wordpad le fichier index.html du repertoire 2
maintenant suivre la doc de wow à savoir : copier la partie head de index.html dans le head de votre page contenant le wow. faire de meme pour la partie body ...
ensuite apres enregistrement de la page, transferer a l'aide d'un programme (fizilla) le contenu du repertoire 1 vers votre site(moi j'efface tout le site au préalable)

voici le fichier obtenu(en gras rouge les modif venant de l'index.html du wow)




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

    <!-- Start WOWSlider.com HEAD section -->
    <link rel="stylesheet" type="text/css" href="engine1/style.css" />
    <script type="text/javascript" src="engine1/jquery.js"></script>
    <!-- End WOWSlider.com HEAD section -->




<title></title>
<meta name="description" content="" >
<meta name="keywords" content="" >

<meta name="generator" Content="IziSpot 4.51 (www.izispot.com)" >
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >



<!-- ---------les plugin--------------------- -->

<script type="text/JavaScript" src="global_122.js"></script>
<script type="text/JavaScript" src="language_123.js"></script>
<script type="text/JavaScript">var AjaxImgLoading="<img src='loading_119.gif' border='0'>";</script>
<script type="text/JavaScript" src="Ajax_124.js"></script>

<script type="text/JavaScript">var dmWorkPath=""</script>

<script type="text/JavaScript" src="dmenu_125.js"></script>
<script type="text/JavaScript" src="dmenu_dyn_126.js"></script>
<script type="text/JavaScript" src="dmenu_popup_127.js"></script>
<script type="text/JavaScript" src="dmenu_add_128.js"></script>

<!-- ---------les plugin--------------------- -->


<style type="text/css">
<!--

td {color:#000000;font-family:Arial;font-size:10pt;text-decoration:none;}
a:link {color:#000000;font-family:Arial;font-size:9pt;text-decoration:none;}
a:visited {color:#800040;font-family:Arial;font-size:9pt;text-decoration:none;}
a:active {color:#0000FF;font-family:Arial;font-size:9pt;text-decoration:none;}
a:hover {color:#008080;font-family:Arial;font-size:9pt;text-decoration:none;}
body {background-color:#D5FBFF;background-image: url();}
.champ {color: #000000;font-family:Arial;font-size:9pt;text-decoration:none;;background-color: #FFFFFF;border: 1px solid #000000;}
Lcourant{100%}
Edition{color:#000000;background-color:#FFFFFF;font-family:Arial;font-size:9pt;text-decoration:none;}                           

-->
</style>



<script type="text/JavaScript">
<!--
function OpenWindow(URL,nom_win,parametres,largeur,hauteur)
{
var gauche = (screen.width - largeur)/2;
var haut =  (screen.height - hauteur)/2;
if (screen.width - largeur<1) {gauche=0}
if (screen.height - hauteur<1) {hauteur=0}
if (hauteur!="" || largeur!="") {parametres=parametres+',left='+gauche+',top='+haut}
try
    {w.close()}
catch (ex)
    {
    }
w=window.open(URL,nom_win,parametres); 
w.window.innerWidth=largeur;
w.window.innerHeight =hauteur;


//Focus de la page pour chrome
var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if (is_chrome) {
    w.parent.blur();
    w.resizeTo(largeur,hauteur);
    w.moveTo(gauche,haut);
}
w.focus();

}

function JumpMenu(cible,selectObj,restore)
{
eval(cible+".location='"+selectObj.options[selectObj.selectedIndex].value+"'");
if (restore){selectObj.selectedIndex=0};
}




//-->
</script>


<!--ACTUA44||||||||||||||||||||||||||||||||||||||||||||-->


</head>






<body onresize="LockNegPosCharte()" onload=" initialise_traduction();">


<noscript>
<!--Javascript Menu Link for no script browser-->
<br><a href='accueil_136.htm'>Accueil</a>
<br><a href='contact_137.htm'>Contact</a>
<br><a href='extraits_musicaux_140.htm'>Extraits musicaux</a>
<br><a href='enseignement_141.htm'>Enseignement</a>
<br><a href='presentation_200.htm'>Présentation</a>
<br><a href='stages_et_actualites_315.htm'>Stages et actualités</a>
<br><a href='agenda_355.htm'>Agenda</a>
<br><a href='lorsque_reno_373.htm'>Lorsque Reno</a>
<br><a href='arcanes_374.htm'>Arcanes</a>
<br><a href='lorsque_reno_373.htm'>Présentation du duo</a>
<br><a href='photos_lorsque_reno_cassel_375.htm'>Photos lorsque reno cassel</a>
<br><a href='photos__lorsque_reno_ainieres_376.htm'>photos lorsque reno ainières</a>
<br><a href='arcanes_374.htm'>Présentation d'Arcanes</a>
<br><a href='demo_411.htm'>demo</a>
<br><a href='photos_arcanes_377.htm'>Photos arcanes cassel</a>
</noscript>


<div id='PosCharte' style='position:absolute;width:1282px;height:691px;left:50%;margin-left:-641px;top:50%;margin-top:-346px;'>

<div id='obj_591' style='position:absolute; left:5px; top:10px; width:1277px; height:102px; z-index:4'><img src='image_226.jpg' width='1277' height='102' border='0'></div>
<div id='obj_592' style='position:absolute; left:13px; top:86px; width:1258px; height:21px; z-index:25; overflow:visible;'>
<script type="text/javascript" src="config_menu_130.js"></script>                              
</div>
<div id='obj_593' style='position:absolute; left:213px; top:119px; width:1069px; height:570px; z-index:7; overflow:auto;'>


<table border='0' cellpadding='0' cellspacing='0' width='100%' align='center'><tr><td>

<!--ACTUA49|||||||||||||||||||||||||||||||||||||||||||||||||-->
    <!-- Start WOWSlider.com BODY section -->
    <div id="wowslider-container1">
    <div class="ws_images"><ul>
<li><img src="data1/images/a1.jpg" alt="a1" title="a1" id="wows1_0"/></li>
<li><img src="data1/images/a2.jpg" alt="a2" title="a2" id="wows1_1"/></li>
<li><img src="data1/images/a3.jpg" alt="a3" title="a3" id="wows1_2"/></li>
<li><img src="data1/images/a4.jpg" alt="a4" title="a4" id="wows1_3"/></li>
<li><img src="data1/images/a5.jpg" alt="a5" title="a5" id="wows1_4"/></li>
<li><img src="data1/images/1.jpg" alt="1" title="1" id="wows1_5"/></li>
<li><img src="data1/images/2.jpg" alt="2" title="2" id="wows1_6"/></li>
<li><img src="data1/images/3.jpg" alt="3" title="3" id="wows1_7"/></li>
<li><img src="data1/images/4.jpg" alt="4" title="4" id="wows1_8"/></li>
<li><img src="data1/images/5.jpg" alt="5" title="5" id="wows1_9"/></li>
<li><img src="data1/images/6.jpg" alt="6" title="6" id="wows1_10"/></li>
<li><img src="data1/images/7.jpg" alt="7" title="7" id="wows1_11"/></li>
<li><img src="data1/images/8.jpg" alt="8" title="8" id="wows1_12"/></li>
<li><img src="data1/images/9.jpg" alt="9" title="9" id="wows1_13"/></li>
</ul></div>
<div class="ws_thumbs">
<div>
<a href="#wows1_0" title="a1"><img src="data1/tooltips/a1.jpg" alt="" /></a>
<a href="#wows1_1" title="a2"><img src="data1/tooltips/a2.jpg" alt="" /></a>
<a href="#wows1_2" title="a3"><img src="data1/tooltips/a3.jpg" alt="" /></a>
<a href="#wows1_3" title="a4"><img src="data1/tooltips/a4.jpg" alt="" /></a>
<a href="#wows1_4" title="a5"><img src="data1/tooltips/a5.jpg" alt="" /></a>
<a href="#wows1_5" title="1"><img src="data1/tooltips/1.jpg" alt="" /></a>
<a href="#wows1_6" title="2"><img src="data1/tooltips/2.jpg" alt="" /></a>
<a href="#wows1_7" title="3"><img src="data1/tooltips/3.jpg" alt="" /></a>
<a href="#wows1_8" title="4"><img src="data1/tooltips/4.jpg" alt="" /></a>
<a href="#wows1_9" title="5"><img src="data1/tooltips/5.jpg" alt="" /></a>
<a href="#wows1_10" title="6"><img src="data1/tooltips/6.jpg" alt="" /></a>
<a href="#wows1_11" title="7"><img src="data1/tooltips/7.jpg" alt="" /></a>
<a href="#wows1_12" title="8"><img src="data1/tooltips/8.jpg" alt="" /></a>
<a href="#wows1_13" title="9"><img src="data1/tooltips/9.jpg" alt="" /></a>
</div>
</div>
<span class="wsl"><a href="http://wowslider.com">Scroller HTML</a> by WOWSlider.com v4.8</span>
    <div class="ws_shadow"></div>
    </div>
    <script type="text/javascript" src="engine1/wowslider.js"></script>
    <script type="text/javascript" src="engine1/script.js"></script>
    <!-- End WOWSlider.com BODY section -->



</td></tr></table>

</div>
<div id='obj_594' style='position:absolute; left:16px; top:25px; width:274px; height:54px; z-index:20'><img src='image_251.jpg' width='274' height='54' border='0'></div>
<div id='obj_595' style='position:absolute; left:322px; top:23px; width:695px; height:84px; z-index:21; overflow:auto;'>
<div id="AJAX_Titre" style:"position:absolute; width:100%; height:100%; z-index:1;"></div>          
</div>
<div id='obj_596' style='position:absolute; left:5px; top:313px; width:200px; height:378px; z-index:22; overflow:auto;'>
<div id="AJAX_gauche" style:"position:absolute; width:100%; height:100%; z-index:1;"></div>  
</div>
<div id='obj_597' style='position:absolute; left:1022px; top:22px; width:251px; height:84px; z-index:24; overflow:auto;'>
<div id="AJAX_hautdroite" style:"position:absolute; width:100%; height:100%; z-index:1;"></div> 
</div>
</div>
<script language="javascript" type="text/javascript">

    AfficheInnerHTML("","AJAX_Titre")
   
    AfficheInnerHTML("","AJAX_gauche")
   
    AfficheInnerHTML("","AJAX_hautdroite")
   
initialise_traduction();
</script>



</body>
</html>




Haut de la page
 Répondre Répondre
  Partagez ce sujet   

Aller au Forum Permissions du forum allez vers le bas



Cette page a été affichée en 0,031 secondes.