mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 21.02.2017 18:21 Benutzername: Passwort: Auto-Login

Thema: Bild nachladen ohne Seite zu verändern 2 vom 05.01.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Bild nachladen ohne Seite zu verändern 2
Seite: Zurück  1, 2
Autor Nachricht
schachbrett

Dabei seit: 11.10.2006
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Mo 08.01.2007 08:49
Titel

Antworten mit Zitat Zum Seitenanfang

Hast nicht korrekt geklammert! Kannst dir text_current + text_id eh sparen:
Code:
function Gallery( element, imagelist, textlist ) {

   var id = element;
   var images = imagelist;
   var text = textlist;
   var current = 0;
   
   function show() {
   
     document.getElementById( id ).src = images[ current ];
     document.getElementById( id + "_desc" ).innerHTML = text[ current ];
   }

   this.next = function() {
      if( current++ >= images.length - 1 )
         current = images.length - 1;
      show();
   }

   this.prev = function() {
      if( current-- <= 0 )
         current = 0;
      show();
   }
}


Code:
<img id="gal" src="" alt="Bild" /><span id="gal_desc"></span>
  View user's profile Private Nachricht senden
stefan ruetz
Threadersteller

Dabei seit: 30.11.2005
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 08.01.2007 11:12
Titel

Antworten mit Zitat Zum Seitenanfang

Wenn ich den Code von oben und diese zwei Arrays verwende funktioniert überhaupt nichts mehr.

Code:
galliste = new Gallery(
  "gal",
  "gal_desc",
  new Array( "beer_rolant_de/bild_01.jpg", "beer_rolant_de/bild_02.jpg", "beer_rolant_de/bild_03.jpg", "beer_rolant_de/bild_04.jpg", "beer_rolant_de/bild_05.jpg" )
  new Array( "text 1", "text 2", "text 3", "text 4", "text 5" )

);


* Ich geb auf... *
  View user's profile Private Nachricht senden
Anzeige
Anzeige
schachbrett

Dabei seit: 11.10.2006
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Mo 08.01.2007 11:27
Titel

Antworten mit Zitat Zum Seitenanfang

* Such, Fiffi, such! *
Code:
function Gallery( element, imagelist, textlist )
* Applaus, Applaus *

var gal1=new Gallery( "galname", new Array( "bild1.jpg", "bild2.jpg" ), new Array( "Bild1text", "Bild2text" ) );
  View user's profile Private Nachricht senden
stefan ruetz
Threadersteller

Dabei seit: 30.11.2005
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 08.01.2007 12:01
Titel

Antworten mit Zitat Zum Seitenanfang

... ich krieg Deine Version einfach nicht zum laufen.
Code:
function Gallery( element, imagelist, textlist ) {

   var id = element;
   var images = imagelist;
   var text = textlist;
   var current = 0;
   
   function show() {
   
     document.getElementById( id ).src = images[ current ];
     document.getElementById( id + "_desc" ).innerHTML = text[ current ];
   }

   this.next = function() {
      if( current++ >= images.length - 1 )
         current = images.length - 1;
      show();
   }

   this.prev = function() {
      if( current-- <= 0 )
         current = 0;
      show();
   }
}


var debeerliste = new Gallery(
  "debeer",
  new Array( "beer_rolant_de/bild_01.jpg","beer_rolant_de/bild_02.jpg","beer_rolant_de/bild_03.jpg","beer_rolant_de/bild_04.jpg","beer_rolant_de/bild_05.jpg" )
  new Array( "text 1","text 2","text 3","text 4","text 5" )

);


Code:
<table border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td colspan="3"><img src="beer_rolant_de/bild_01.jpg" id="debeer"></td>
      </tr>
    <tr>
      <td height="10">&nbsp;</td>
      <td height="10">&nbsp;</td>
      <td height="10">&nbsp;</td>
    </tr>    
   <tr>
      <td width="30" valign="top"><a href="javascript:debeerliste.prev()"><img src="bilder/pfeil_links.gif" alt="vorheriges Bild /previous picture" name="pfeil links" border="0"></a></td>
      <td align="center" valign="middle" class="bildunterschrift" id="debeer"><span id="debeer_desc">text 1</span></td>
      <td width="30" align="right" valign="top"><a href="javascript:debeerliste.next()"><img src="bilder/pfeil_rechts.gif" alt="nächstes Bild /next picture" name="pfeil rechts" border="0"></a></td>
    </tr>
  </table>
  View user's profile Private Nachricht senden
stefan ruetz
Threadersteller

Dabei seit: 30.11.2005
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 08.01.2007 12:03
Titel

Antworten mit Zitat Zum Seitenanfang

mit der Version läufts halb:
Code:
function Gallery( element, textelement, imagelist, textlist ) {

   var id = element;
   var images = imagelist;
   var text_id = textelement;
   var text = textlist;
   var current = 0;
   var currenttext = 0;
   
   
   function show() {
   
      document.getElementById( id ).src = images[ current ];
     document.getElementById( text_id ).innerHTML = text[ currenttext ];
   }

   this.next = function() {
   
      if(( current+1 <= images.length - 1 ) && (currenttext+1 <= text.length - 1)) {
         current++;
       currenttext++;
     } else {
       current     = 0;
       currenttext = 0;
     }
      show();
   }

   this.prev = function() {
      if(( current-1 >= 0 ) &&  (currenttext-1 >= 0 )) {
         current --;
       currenttext--;
     } else {
       current = images.length - 1;
       currenttext = text.length - 1;
     }
      show();
   }
}

debeer = new Gallery(
  "debeer",
  "debeerText",

  new Array( "beer_rolant_de/bild_01.jpg", "beer_rolant_de/bild_02.jpg", "beer_rolant_de/bild_03.jpg", "beer_rolant_de/bild_04.jpg", "beer_rolant_de/bild_05.jpg" ),
  new Array( "beschreibung für bild 1 in html", "beschreibung für bild 2 in html", "beschreibung für bild 3 in html", "beschreibung für bild 4 in html", "beschreibung für bild 5 in html")
);

Code:
<table border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td colspan="3"><img src="beer_rolant_de/bild_01.jpg" id="debeer"></td>
      </tr>
    <tr>
      <td height="10">&nbsp;</td>
      <td height="10" align="center" class="bildunterschrift">&nbsp;</td>
      <td height="10" align="right">&nbsp;</td>
    </tr>    
   <tr>
      <td width="30" valign="top"><a href="javascript:debeer.prev()"><img src="bilder/pfeil_links.gif" alt="vorheriges Bild /previous picture" name="pfeil links" border="0"></a></td>


      <td align="center" valign="middle" class="bildunterschrift" >
         <span id="debeerText">Balett, &Ouml;l auf Leinwand&ensp;<span class="bildunterschrift_e">/Oil on Canvas</span>, 120x120 cm
         </span>
   </td>

      <td width="30" align="right" valign="top"><a href="javascript:debeer.next()"><img src="bilder/pfeil_rechts.gif" alt="nächstes Bild /next picture" name="pfeil rechts" border="0"></a></td>
    </tr>
  </table>
  View user's profile Private Nachricht senden
 
Ähnliche Themen [javascript] bild nachladen ohne seite neu zu laden
Seite nachladen mit jQuery geht nicht bei IE8
CSS mit neuer Seite verändern?
Formulareingaben nachladen
[Flash] Bilder nachladen
Hauptseite bei Iframe mit PHP nachladen
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
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.