Problème de page d'accueil en diaporama
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème de page d'accueil en diaporama
Bonjour à vous tous! Vous allez bien?
C'est encore moi, fidèle au poste des soucis divers et variés!
Voilà, je reviens vous voir car j'ai un problème avec ma page d'accueil en diaporama. Elle fonctionnait très bien il y a peu de temps, lorsque je l'ai faite en fait, mais depuis peu, il y a un bug... Alors, au départ, je croyais que ça venait de moi avec mes modifications intempestives, or j'ai remarqué que sur mon autre forum aussi le bug était apparu (alors que là bas, je ne touche pas trop aux codes pour éviter l'apocalypse =3).
Vous voyez... en théorie, il s'agit d'une page avec un défilement automatique des images et texte toutes les 400 millisecondes, et avec la possibilité de se rendre directement sur une information en allant sur l'image qui lui correspond. Seulement, depuis quelque jours (je ne sais pas combien exactement, je l'ai remarqué seulement jeudi), et bien... rien ne se passe. Si... il y a bien l'effet de survol de la souris et tout ce qui va bien, mais les images ne changent plus comme avant.
Enfin... Rha mais! J'en ai marre ça ressemble à rien mes explications x)
Je vous montre directement:
http://gharendar.forums-actifs.com/h18-accueil-pa
Voici le code , si vous pouviez m'aider, ce serait vraiment très sympathique à vous!
Merci beaucoup par avance! ♥
C'est encore moi, fidèle au poste des soucis divers et variés!
Voilà, je reviens vous voir car j'ai un problème avec ma page d'accueil en diaporama. Elle fonctionnait très bien il y a peu de temps, lorsque je l'ai faite en fait, mais depuis peu, il y a un bug... Alors, au départ, je croyais que ça venait de moi avec mes modifications intempestives, or j'ai remarqué que sur mon autre forum aussi le bug était apparu (alors que là bas, je ne touche pas trop aux codes pour éviter l'apocalypse =3).
Vous voyez... en théorie, il s'agit d'une page avec un défilement automatique des images et texte toutes les 400 millisecondes, et avec la possibilité de se rendre directement sur une information en allant sur l'image qui lui correspond. Seulement, depuis quelque jours (je ne sais pas combien exactement, je l'ai remarqué seulement jeudi), et bien... rien ne se passe. Si... il y a bien l'effet de survol de la souris et tout ce qui va bien, mais les images ne changent plus comme avant.
Enfin... Rha mais! J'en ai marre ça ressemble à rien mes explications x)
Je vous montre directement:
http://gharendar.forums-actifs.com/h18-accueil-pa
Voici le code , si vous pouviez m'aider, ce serait vraiment très sympathique à vous!
- Code:
<html>
<head>
<title>PA. par Seriwyth</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://plugins.jquery.com/files/jquery.timers-1.2.js.txt"></script>
<style>
#view {
width:795px; height: 260px;
border : solid 1px ;
border-radius : px; -moz-border-radius : px; -webkit-border-radius : px;
padding : 0px ;
}
.onglet {
margin: px 0px 0px 200px;
}
.onglet-table img {
/***Ярлык (Налоговая этикетка)***/
border : solid 1px ;
opacity:0.8;
border-radius : px; -moz-border-radius : px; -webkit-border-radius :0px;
padding : 0px 0px ;
width : 100px; height:px;
}
.onglet-table td {
/***Непрозрачность не активные ярлыки***/
opacity : 0.5 ;
}
.onglet-content > div {
display : none ;
border : solid px ;
border-radius : 10px; -moz-border-radius : 10px; -webkit-border-radius : 10px;
padding : 20px ; margin-bottom : 20px ;
width : 550px ;
background: transparent;
margin-bottom:200px;
}
.onglet-content > div.active{ display : block ; }
.onglet-table { border-spacing : 0px ; }
.onglet-table td.active, .onglet-table td:hover {
opacity : 1 ;
}
</style>
</head>
<body>
<script type="text/javascript">
jQuery(document).ready(function(){
var img = jQuery(".onglet-table").find("td.active").find("img").attr('src');
jQuery("#view").css('background','url("'+img+'")')
jQuery(".onglet-table").find("td").mouseover(function(){
jQuery(".onglet-table").stopTime("slide");
var system = jQuery(this).closest(".onglet");
system.find(".onglet-table").find(".active").removeClass("active");
system.find(".onglet-content").find(".active").removeClass("active");
var id = jQuery(this).attr("name");
jQuery(this).addClass("active");
system.find(".onglet-content").find("div[name='"+id+"']").addClass("active");
var img = jQuery(this).find("img").attr('src');
jQuery("#view").css('background','url("'+img+'")')
});
jQuery(".onglet-table").find("td").mouseout(function(){
slideShoot();
});
slideShoot();
});
function slideShoot(){
var delay = 4000 ;
jQuery(".onglet-table").everyTime(delay, "slide", function(){
var active = jQuery(this).find(".active");
var system = jQuery(this).closest(".onglet");
active.removeClass("active");
system.find(".onglet-content").find(".active").removeClass("active");
var i = active.attr('name');
i++;
if (i==7){i=1;}
jQuery(this).find("td[name='"+i+"']").addClass("active");
system.find(".onglet-content").find("div[name='"+i+"']").addClass("active");
var img = jQuery(this).find(".active").find("img").attr('src');
jQuery("#view").css('background','url("'+img+'")')
});
}
</script>
<!--
Не забывайте:
div #view Слайд
La div .onglet Слайд Ярлык (Налоговая этикетка)
Les vignette sont dans les cellule du tableau .onglet-table et le texte dans les div de la div . onglet-content.
correspondance des vignettes et images en les numérotant via l'attribut name.
--><div id="view">
<div class="onglet">
<table class="onglet-table"><tr>
<!-- Vignette -->
<td name="1" class="active"><img src="http://img4.hostingpics.net/pics/950254bienvenu.png" /></td>
<td name="2"><img src="http://img4.hostingpics.net/pics/419654prsenattion.png" /></td>
<td name="3"><img src="http://img4.hostingpics.net/pics/912890banquet.png" /></td>
<td name="4"><img src="http://img4.hostingpics.net/pics/592352course.png" /></td>
<td name="5"><img src="http://img4.hostingpics.net/pics/512798attaque.png" /></td>
<td name="6"><img src="http://img4.hostingpics.net/pics/852194guerre.png" /></td>
</tr></table>
<div class="onglet-content" style="background-image:url(http://img11.hostingpics.net/pics/939067bgaccueil.png);repeat:repeat-x;font-size:15px;">
<!-- Texte de diapo -->
<div name="1" class="active">Под строительством •</div>
<div name="2">Под строительством ♦</a></div>
<div name="3">Под строительством ♣</div>
<div name="4">Под строительством ♠</div>
<div name="5">Под строительством ◘</div>
<div name="6">Под строительством ♥</div>
</div>
</div>
</div>
</body>
</html>
Merci beaucoup par avance! ♥
Dernière édition par Seriwyth le Sam 10 Déc 2011 - 7:39, édité 1 fois
Re: Problème de page d'accueil en diaporama
Coucou, bon appétit à vous tous !
Je passe upper mon message
Je passe upper mon message
Re: Problème de page d'accueil en diaporama
Petit up pour la route!
Bonne soirée à vous =D
Bonne soirée à vous =D
Re: Problème de page d'accueil en diaporama
Bonsoir!
Up =)
Up =)
Re: Problème de page d'accueil en diaporama
Argh... Je devrai commencer à upper en heure de pointe un de ces jours ^^'
Up =D
Up =D
Re: Problème de page d'accueil en diaporama
Bonjour,
La partie plugins de jquery est mourute en ce moment, si on va sur le lien du plugin utilisé on voit un message ( et en cliquant sur un lien on a la longue explication ) :
http://plugins.jquery.com/files/jquery.timers-1.2.js.txt
En cherchant "jquery.timers-1.2.js" sur google on le trouve facilement ( ici par exemple ), il suffit de copier le code dans un fichier "jquery.timers-1.2.js" de l'héberger et puis remplacer le lien dans :
La partie plugins de jquery est mourute en ce moment, si on va sur le lien du plugin utilisé on voit un message ( et en cliquant sur un lien on a la longue explication ) :
http://plugins.jquery.com/files/jquery.timers-1.2.js.txt
En cherchant "jquery.timers-1.2.js" sur google on le trouve facilement ( ici par exemple ), il suffit de copier le code dans un fichier "jquery.timers-1.2.js" de l'héberger et puis remplacer le lien dans :
- Code:
<script type="text/javascript" src="http://plugins.jquery.com/files/jquery.timers-1.2.js.txt"></script>
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Problème de page d'accueil en diaporama
Oh! D'accord, génial, je croyais qu'il y avait un truc qui clochait avec une mise à jour quelconque =3
Merci beaucoup !
(sermachin! en général on m'appelle seritruc XD)
Oui! ça fonctionne très bien chez moi aussi! Merci beaucoup!
Merci beaucoup !
(sermachin! en général on m'appelle seritruc XD)
Oui! ça fonctionne très bien chez moi aussi! Merci beaucoup!
Dernière édition par Seriwyth le Sam 10 Déc 2011 - 10:52, édité 1 fois
Re: Problème de page d'accueil en diaporama
Oups ... désolée, mauvais bouton, ce message ne devrait pas exister là =3
Bonne journée
Bonne journée
Sujets similaires
» Enlever la page transparente entre 2 cycles d'un diaporama
» Javascript qui ne fonctionne pas dans un diaporama intégré à la page d'accueil
» Ajouter du diaporama en page d'acceuil...
» Diaporama dans une page d’accueil
» Problème avec mon diaporama
» Javascript qui ne fonctionne pas dans un diaporama intégré à la page d'accueil
» Ajouter du diaporama en page d'acceuil...
» Diaporama dans une page d’accueil
» Problème avec mon diaporama
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum