mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 19.04.2024 14:36 Benutzername: Passwort: Auto-Login

Thema: Problem mit Slider / jQuery / PHP / mySQLi vom 17.05.2014


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Problem mit Slider / jQuery / PHP / mySQLi
Autor Nachricht
Zeroice89
Threadersteller

Dabei seit: 17.05.2014
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 17.05.2014 17:13
Titel

Problem mit Slider / jQuery / PHP / mySQLi

Antworten mit Zitat Zum Seitenanfang

Hey ich bin grade dran mir einen Slider zu programmieren. Es klappt soweit auch alles nur ich bekomme es nicht hin das ein td-Element einen background bekommt wenn ein Bild die Class 'active' bekommt/hat. Ich habe schon sehr viel gesucht und ausprobiert nur leider wollte nix klappen. Vllt findet ihr ja den Fehler den ich habe.

Danke schonmal im Vorraus

Code:
<?

function slider(){

   ?>

   <script type="text/javascript" src="/js/jquery.min.js"></script>

   <?

   $width = '100';

   ?>   

   <div id="slideshow">

      

         <?

         include 'db.php';

         $sql = 'SELECT id FROM slider'; // Statement vorbereiten
         
         $ergebnis = $db->prepare( $sql ); // an die DB schicken
         
         $ergebnis->execute(); // Ergebnis zwischenspeichern
         
         $ergebnis->store_result(); // Ergebnis an Variablen binden
         
         $ergebnis->bind_result( $id); // Ergebnisse ausgeben
         
         $count_id = $ergebnis->num_rows; //Count_id wird gespeichert

         $td_width = $width / $count_id; //Nav Witdh wird berechnet
            
         $td_index = 1;

         $index = 1;

         while ($ergebnis->fetch()) {
         
?>
               <img src="/uploads/slider/<? echo $id ?>.jpg" class="<? echo $id ?>" />
<?
               $index++;

                  };
?>
      
      
      
</div>



         <table id="image_container" cellpadding="0" cellspacing="0" style="width:<? echo $width ?>%">

            <tr>

               <?
               while($td_index < $index){

                  ?>   


                  <td class="<? echo $td_index ?>" width="<? echo $td_width ?>"></td>

                  <?

                  $td_index++;


               }
               ?>
                  
            </tr>

         </table>

<script>
$(document).ready(function() {
   $("#slideshow > img:gt(0)").hide();

   $('#slideshow > img:first-of-type').addClass('active');

setInterval(function() {
  $('#slideshow > img:first-of-type')
    .fadeOut(1000).removeClass('active')
   
    .next('img').addClass('active')
    .fadeIn(1000)
   
    .end()
    .appendTo('#slideshow');

       if( $('img').attr('class') == 'active' ){

         $('td').css('background','red');

      }
},  3000);

});

</script>


<?

} /* function slider close*/

?>
  View user's profile Private Nachricht senden
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst Sa 17.05.2014 17:27
Titel

Antworten mit Zitat Zum Seitenanfang

Ich wüßte auch nicht, was hier eine Tabelle rechtfertigt.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Zeroice89
Threadersteller

Dabei seit: 17.05.2014
Ort: -
Alter: -
Geschlecht: -
Verfasst Sa 17.05.2014 17:38
Titel

Antworten mit Zitat Zum Seitenanfang

Die Tabelle habe ich genommen, damit ich wenn sich z.B. 3 Bilder im Slider befinden, unter dem Slieder, 3 gleich große Abschnitte bekomme in Prozent. Es soll halt eine Anzeige werden bei welchem Bild der Slider grade ist.

Zuletzt bearbeitet von Zeroice89 am Sa 17.05.2014 17:38, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen jQuery Info Slider (Content Slider)
jQuery Plugin - Slider als Input wie in jQuery UI
jQuery S3 Slider
[PHP] mysqli Installation Problem
jQuery multiple slider in 5 Bereichen
JQuery Bilder Slider erstellen
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.