Willkommen auf dem Portal für Mediengestalter
|
|
Autor |
Nachricht |
schachbrett
Dabei seit: 11.10.2006
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Mo 08.01.2007 09:49
Titel
|
|
|
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> |
|
|
|
|
|
stefan ruetz
Threadersteller
Dabei seit: 30.11.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 08.01.2007 12:12
Titel
|
|
|
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" )
); |
|
|
|
|
|
Anzeige
|
|
|
schachbrett
Dabei seit: 11.10.2006
Ort: Köln
Alter: -
Geschlecht:
|
Verfasst Mo 08.01.2007 12:27
Titel
|
|
|
Code: | function Gallery( element, imagelist, textlist ) |
var gal1=new Gallery( "galname", new Array( "bild1.jpg", "bild2.jpg" ), new Array( "Bild1text", "Bild2text" ) );
|
|
|
|
|
stefan ruetz
Threadersteller
Dabei seit: 30.11.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 08.01.2007 13:01
Titel
|
|
|
... 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"> </td>
<td height="10"> </td>
<td height="10"> </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> |
|
|
|
|
|
stefan ruetz
Threadersteller
Dabei seit: 30.11.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 08.01.2007 13:03
Titel
|
|
|
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"> </td>
<td height="10" align="center" class="bildunterschrift"> </td>
<td height="10" align="right"> </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, Öl auf Leinwand <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> |
|
|
|
|
|
|
|
|
Ä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
Hauptseite bei Iframe mit PHP nachladen
Bilder via Ajax nachladen
|
|
|
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.
|
|