mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 30.08.2014 18:12 Benutzername: Passwort: Auto-Login

Thema: javascript slideshow mit text vom 16.02.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> javascript slideshow mit text
Autor Nachricht
wandgucker
Threadersteller

Dabei seit: 22.02.2002
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mi 16.02.2005 14:19
Titel

javascript slideshow mit text

Antworten mit Zitat Zum Seitenanfang

Hi, suche ein script mit welchem ich bilder vor und zurückblättern kann (auch schon gefunden)-
allerdings soll sich zu jedem bild ein textabschnitt ändern (editierbar in html-keine bilder)
wie kann ich den text mit den bildern zusammen ansprechen??
habt ihr ne idee?
merci
war schon auf jswelt, nix gefunden..
  View user's profile Private Nachricht senden
wandgucker
Threadersteller

Dabei seit: 22.02.2002
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mi 16.02.2005 14:23
Titel

ergänzung slideshow

Antworten mit Zitat Zum Seitenanfang

momentan hab ich folgenden code ..bin javascript newbie..

<html>
<head>
<title>JavaScript Slideshow</title>
<script language="JavaScript">
<!--
function quelltext() {
window.location = 'view-source:' + window.location.href;
return
}
//-->
</script>
<style type="text/css">
<!--
body
{
font-size:12px;
color:#000000;
font-family : arial,helvetica;
scrollbar-face-color: #cccccc;scrollbar-shadow-color: #333333;scrollbar-highlight-color: #333333;scrollbar-3dlight-color: #333333;scrollbar-darkshadow-color: #333333;scrollbar-track-color: #333333;scrollbar-arrow-color: #0000ff;
}

h2 {
font-family:arial,helvetica;
font-size:16px;
color:#E00060;
font-weight:normal;
}

td {
font-family:arial,helvetica;
font-size:12px;
color:#000000;
}
a {
font-family:arial,aelvetica;
font-size:12px;
color:#1A1A53;
text-decoration:none;
}
pre {
font-family:MONOSPACE,arial,helvetica;
font-size:12px;
color:#0033FF;
}
-->
</style>


<!-- :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
script im head: JA
style-angaben im head: nein
onLoad im Body-Tag: nein
style / div im body: nein
script-aufrufe im body: JA
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: -->



<!-- ::::::::::::::::::::: script im head :::::::::::::::::::::::-->
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var current = 0;

function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}

// End -->
</script>
<!-- ::::::::::::::::::::: /script im head :::::::::::::::::::::::-->


</head>
<body text="#000000" link="#000000" vlink="#000000" topmargin="0" leftmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<table align="center" border="0" cellspacing="0" cellpadding="10" width="100%">
<!--oben-->
<tr>
<td colspan="3"><b>Screenshots</b></td>
</tr>
<tr>
<form name=slideform>
<td align="right">
<select name="slide" onChange="change();">
<option value="images/screen01.gif" selected>Screen01
<option value="images/screen02.gif">Screen02
<option value="images/screen03.jpg">Screen03
<option value="images/screen04.jpg">Screen04
</select>
</td>
</tr>
<!--linke Seite-->
<tr>
<td>
<table>
<tr>
<td colspan="0">
<table border="0" cellspacing=0 cellpadding=0 bgcolor="#000000">
<tr>
<td>
<table border="0" width="200" cellspacing="1" cellpadding="5" bgcolor="#000000">
<tr>
<td align=center bgcolor="white" width=200 height=150>
<img src="images/screen01.gif" name="show">
</td>
</tr>
<tr>
<td align="center" bgcolor="#AFAFAF">
<input type="button" onClick="first();" value="|<<" title="Beginning">&nbsp;<input type="button" onClick="previous();" value="<<" title="Previous">&nbsp;&nbsp;<input type="button" onClick="next();" value=">>" title="Next">&nbsp;<input type="button" onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</td>
<td width="5">&nbsp;</td>
<td valign="top"><p><b>Beispieltext</b></p>
<p>Text zu Bild 1</p>
</td>
</tr>
</table>
</body>
</html>
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen Bilder Slideshow - Javascript?
[jQuery Cycle] Slideshow in Slideshow wechseln zusammen
text scrollen mit javascript
[Javascript] Text faden
[JavaScript] Text in Zwischenablage im Firefox?
text mit javascript bei klick einblenden
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.