Problème de page d'accueil en diaporama

2 participants

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

Résolu Problème de page d'accueil en diaporama

Message par Seriwyth Sam 3 Déc 2011 - 7:39

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

Seriwyth
****

Féminin
Messages : 227
Inscrit(e) le : 02/03/2011

http://gharendar.forums-actifs.com
Seriwyth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de page d'accueil en diaporama

Message par Seriwyth Dim 4 Déc 2011 - 7:41

Coucou, bon appétit à vous tous !
Je passe upper mon message
Seriwyth

Seriwyth
****

Féminin
Messages : 227
Inscrit(e) le : 02/03/2011

http://gharendar.forums-actifs.com
Seriwyth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de page d'accueil en diaporama

Message par Seriwyth Lun 5 Déc 2011 - 17:32

Petit up pour la route!
Bonne soirée à vous =D
Seriwyth

Seriwyth
****

Féminin
Messages : 227
Inscrit(e) le : 02/03/2011

http://gharendar.forums-actifs.com
Seriwyth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de page d'accueil en diaporama

Message par Seriwyth Mar 6 Déc 2011 - 17:37

Bonsoir!
Up =)
Seriwyth

Seriwyth
****

Féminin
Messages : 227
Inscrit(e) le : 02/03/2011

http://gharendar.forums-actifs.com
Seriwyth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de page d'accueil en diaporama

Message par Seriwyth Mer 7 Déc 2011 - 18:19

Argh... Je devrai commencer à upper en heure de pointe un de ces jours ^^'
Up =D
Seriwyth

Seriwyth
****

Féminin
Messages : 227
Inscrit(e) le : 02/03/2011

http://gharendar.forums-actifs.com
Seriwyth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de page d'accueil en diaporama

Message par Seriwyth Jeu 8 Déc 2011 - 18:08

Bonsoir!
up Very Happy
Seriwyth

Seriwyth
****

Féminin
Messages : 227
Inscrit(e) le : 02/03/2011

http://gharendar.forums-actifs.com
Seriwyth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de page d'accueil en diaporama

Message par Ea Ven 9 Déc 2011 - 22:24

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 :

Code:
<script type="text/javascript" src="http://plugins.jquery.com/files/jquery.timers-1.2.js.txt"></script>
Cela à l'air de fonctionner : http://www.maonyn.com/h12-pa-diapo-sermachin
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

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

Résolu Re: Problème de page d'accueil en diaporama

Message par Seriwyth Sam 10 Déc 2011 - 7:37

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!


Dernière édition par Seriwyth le Sam 10 Déc 2011 - 10:52, édité 1 fois
Seriwyth

Seriwyth
****

Féminin
Messages : 227
Inscrit(e) le : 02/03/2011

http://gharendar.forums-actifs.com
Seriwyth a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de page d'accueil en diaporama

Message par Seriwyth Sam 10 Déc 2011 - 7:37

Oups ... désolée, mauvais bouton, ce message ne devrait pas exister là =3
Bonne journée
Seriwyth

Seriwyth
****

Féminin
Messages : 227
Inscrit(e) le : 02/03/2011

http://gharendar.forums-actifs.com
Seriwyth 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