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
Bilder via Ajax nachladen
[Flash] Bilder 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.
|
|