Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag08.12.2009 um 13:47 (UTC)    
Titel: Bildwechsel Kasten

Hi,
kann mir mal jemand sagen, wie ich diesen Kasten mit den wechselnden Bildern hinbekomme???
(Am besten kiene superschlauen Tipps, sondern gleich nen Code Wink )
Beitrag08.12.2009 um 15:17 (UTC)    
Titel:

gehst etwas genauer, was Du eigentlich meinst mit KASTEN Question Question Question
bitte Probleme richtig schildern, sonst keine Hilfe möglich

Gruss aus der Schule
______________
MfG aus der Schule

Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit,
wobei ich mir beim Universum nicht ganz sicher bin. (Albert Einstein)
Beitrag09.12.2009 um 14:55 (UTC)    
Titel:

Ups, sry...vergessen, Beispiel anzugeben Embarassed
http://browsergames.de/
Beitrag10.12.2009 um 15:27 (UTC)    
Titel:

Oh, schade, dass hier keiner ne Antwort weiß Crying or Very sad ... muss ich wohl alleine zurecht finden...wie immer
Beitrag10.12.2009 um 19:50 (UTC)    
Titel:

(ich bin der gleiche wie mirror-clan)
Soooo....ich hab nen Code gefunden und nen bisschen abgeändert...
Hier das Resultat:
Code:
<!-- http://www.web-toolbox.net -->



<script language="JavaScript" type="text/JavaScript">
<!--
// Original:  ShuvoRim (shuvorim@hotmail.com)
// modifiziert: W. Jansen web-toolbox.net

// deklaration der variablen
var img = new Array(); // imagearray
var start = null;      // start pointer
var counter = 0;       // counter für image sequence
var anzahl_bilder;     // anzahl der anzuzeigenden bilder
var dateiendung        // gif oder jpg
var datenquelle        // z.B. "images/pic" ohne nummer.dateiendung


// :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
// ab hier änderungen eintragen

anzahl_bilder = 3;                  // Anzahl der anzuzeigenden bilder
datenquelle = "images/aufnahme00"   // pfad und bildname ohne Nummer, zB images/pic
dateiendung = ".jpg"                // Dateiendung der anzuzeigenden Bilder
var delayTime = 6000;               // verzögerung


// ab hier nichts ändern
// ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::


// pre-load

if(document.images)
{
   for(i = 1; i <= anzahl_bilder; i++)
   {
     img[i] = new Image();
     img[i].src = datenquelle + i + dateiendung;
   }
}



// delayzeit, falls eingabefeld vorhanden
// hier nicht verwendet

function SetzeVerzoegung(dlTime)
{
   var temp = parseInt(dlTime);
   if(temp != NaN)
   delayTime = temp * 1000;
   else
   delayTime = 4000;
}


function BildWechsel02()
{
   counter++;
   document.getElementById("Bild01").src = img[counter].src;
   document.getElementById("AnzeigeNr").value = counter;
   if(counter == anzahl_bilder)
    counter = 0; //sets the counter value to 0
}



function StarteWechsel()
{
   with(document.form1)
   {
   start = setInterval("BildWechsel02()", delayTime);
   document.form1.spShow.value = "Show anhalten";
   document.form1.stShow.value = "Show läuft";
   stShow.disabled = true;
   spShow.disabled = false;
   }
}

function StopWechsel()
{
   clearInterval(start);
   document.form1.spShow.value = "Show angehalten";
   document.form1.stShow.value = "weiter";
   document.form1.stShow.disabled = false;
   document.form1.spShow.disabled = true;
}

//  End -->
</script>




<!--für die Demo CSS-->

<style type="text/css">
<!--

input {
border:1px solid #000000;
background-color:#9F9F9F;
color:#CFCFCF;
}

.butt {
border:1px solid #000000;
background-color:#9F9F9F;
color:#000000;
width:100px;
height:22px;
font-size: 10px;
margin:0px;
padding:0px;
}

.nummer {
border:none;
background-color:#3F3F3F;
color:#DFDFDF;
width:25px;
height:18px;
font-size: 12px;
margin:0px;
padding:0px;
text-align:center;
vertical-align:middle;
}


-->
</style>

<br>
<div align="center">

<form name="form1">

<!--farbiger Rand mit style -->
<table style="border:0px solid #000000" width="300" border="0" cellspacing="0" cellpadding="0">
<tr><td colspan="3" height="30" bgcolor="#3F3F3F" align="center">
<span style="color:#CFCFCF"><b><center>Clanevents</center></b></span></td></tr>

<tr><td height="200" colspan="3" bgcolor="#0000FF" valign="middle" align="center">

<!-- ID eingetragen -->
<center><img id="Bild01" src="http://img.webme.com/pic/g/gamesgun/clanevents3.png"  border="1" alt=""><br>
</td></tr></center>


<tr>
<td bgcolor="#3F3F3F" height="40" valign="middle" align="center"><input class="butt" type="button" value="Events anzeigen" name="stShow" onClick="StarteWechsel();" id="btnStyle"></td>

<td height="40" bgcolor="#3F3F3F" valign="middle" align="center">
<input size="3" class="Nummer" type="text" value="0" id="AnzeigeNr"></td>

<td height="40" bgcolor="#3F3F3F" valign="middle" align="center">
<input class="butt" type="button" value="angehalten" name="spShow" onClick="StopWechsel();" id="btnStyle" disabled></td>
</tr></table>

</form>
</div>

<br>


Das ganze könnt ihr euch auf
http://gamesgun.de.tl/try-.-%7E-.--.-%7E-.--.-%7E-.-.htm
ansehen.
Ich hab jetzt nur noch eine Frage:
Zitat:
datenquelle = "images/aufnahme00" // pfad und bildname ohne Nummer, zB images/pic

(oden kursiv)
Wie kann ich machen, dass nicht der gesamte Ordener bestimmt wird, sondern man jedes Bild einzeln bestimmen kann???
Bitte antwortet!!!!


Zuletzt bearbeitet von gamesgun am 10.12.2009, 20:50, insgesamt einmal bearbeitet
Beitrag11.12.2009 um 16:56 (UTC)    
Titel:

Beitrag12.12.2009 um 22:30 (UTC)    
Titel:

Hmmm...
Beitrag13.12.2009 um 12:20 (UTC)    
Titel:

Man, hier nen ganz neuer Code...ist zwar nicht so gut, wie der erste, aber wenigstens funktioniert er!!!
Code:
<!--

SlideShow with Captions and Cross-Fade
(C)2002 by CodeLifter.com

Shows images and accompanying captions.
Browsers: NS4-7,IE4-6
Fade effect only in IE; degrades gracefully.
NS4 shows default caption only.

INSTRUCTIONS:

Copy this entire script into a completely blank
page.  Follow the commented instructions within.

//-->

<html>

<head>

<!--
Set up the caption font in the following style.
Place the style script in the head of the page.
//-->

<style>
.Caption {
font-family: Arial;
font-weight: bold;
color:      #FFFFFF;
}
</style>

<!--
Place the following script in the head of the page.
Follow the set-up instructions within the script.
//-->

<script>

// (C) 2002 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header.

// ==============================
// Set the following variables...
// ==============================

// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 5000;

// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 3;

var Picture = new Array(); // don't change this
var Caption = new Array(); // don't change this

// Specify the image files...
// To add more images, just continue
// the pattern, adding to the array below.
// To use fewer images, remove lines
// starting at the end of the Picture array.
// Caution: The number of Pictures *must*
// equal the number of Captions!

Picture[1]  = 'http://img.webme.com/pic/m/mirror-clan/event_clanpage-fertig.png';
Picture[2]  = 'http://img.webme.com/pic/m/mirror-clan/event_clanserver_ready.png';
Picture[3]  = 'http://img.webme.com/pic/m/mirror-clan/event_weihnachtsturnier.png';

// Specify the Captions...
// To add more captions, just continue
// the pattern, adding to the array below.
// To use fewer captions, remove lines
// starting at the end of the Caption array.
// Caution: The number of Captions *must*
// equal the number of Pictures!

Caption[1]  = " Endlich ist die Clanpage fertig!!!";
Caption[2]  = " Bald kommen Server!!!";
Caption[3]  = " Clanturnier - an Weihnachten!!!";


// =====================================
// Do not edit anything below this line!
// =====================================

var tss;
var iss;
var jss = 1;
var pss = Picture.length-1;

var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}

function runSlideShow(){
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
jss = jss + 1;
if (jss > (pss)) jss=1;
tss = setTimeout('runSlideShow()', SlideShowSpeed);
}

</script>

</head>

<!--
Add the onload=runSlideShow() event call to the body tag.
//-->

<body onload=runSlideShow() bgcolor=#FFFFFF>

<!--
The following table holds the images and captions.
Place the table in your page where you want the slideshow
to appear.  Follow the instructions for each table cell.
//-->

<table border=0 cellpadding=0 cellspacing=0>
  <tr>
    <!--
    The next table cell holds the images.
    Set cell and image width and height the same.
    The img src must have name=PictureBox in its
    tag.  Usually the first image in the Picture
    array in the script is used here.
    //-->
    <td width=450 height=280>
    <img src=Image001.jpg name=PictureBox width=450 height=280>
    </td>
  </tr>
  <tr>
    <!--
    The next table cell holds the captions.
    This table cell must have id=CaptionBox and
    class=Caption in its tag. The default caption
    shows whilst loading in all browsers; NS4
    will show only the default caption, throughout.
    //-->
    <td id=CaptionBox class=Caption align=center bgcolor=#0000FF>
    !!!Clanevents!!!
    </td>
  </tr>
</table>

</body>

</html>
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de