kostenloser Webspace werbefrei: lima-city

Fotobuch

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

applet applikation aussehen bild code eins falschen forum forum fotoalbum fotobuch helfen http jemand neuling richtige programmiersprache suchbegriff text url verwechseln weben
  1. Autor dieses Themas

    evilstorys

    evilstorys hat kostenlosen Webspace.

    16:19, 23.8.2009
    Hi,
    ich möchte auf meiner Seite ein hübsches Fotobuch veröffentlichen. Ich kann aber keine Sprachen außer C4 und HTML...
    Könnte mir jemand einen Code schreiben? Es wäre schön, wenn es auch eine GIF-Grafik als Ladeanimation nutzen könnte.
    Ich weiß, das ist alles etwas viel, ich weiß auch nicht ob das mit JavaScript geht, aber wenn jemand mir helfen könnte, wär das schon toll...:confused:

  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. syberpsace

    Kostenloser Webspace von syberpsace

    syberpsace hat kostenlosen Webspace.

    16:29, 23.8.2009
    entweder ist dieser thread hier im falschen forum oder du willst wirklich ein java fotobuch auf deiner seite.

    wenn falsch hier: bitte verschieben; dann kann ich leider nicht helfen

    wenn wirklich als java gewünscht: wie soll das ganze aussehen? woher kommen die bilder? als applet oder als offline-java-applikation?

    mfg

    ps: JAVA != JAVASCRIPT
  4. Autor dieses Themas

    evilstorys

    evilstorys hat kostenlosen Webspace.

    16:34, 23.8.2009
    Nee... Das Forum stimmt schon.
    Es soll etwa so aussehen, wie auf manchen seiten, wo sich dann ein Fenster öffnet, ein Bild in groß angezeigt wird und in den unteren ecken Links zu den jeweils nächsten Bildern sind.

    als applet oder als offline-java-applikation?

    Ich kann leider kein Javaranisch, aber man lernt dazu:biggrin:
    Also, was fange ich jetzt mit den beiden Begriffen an?!:confused:

  5. syberpsace

    Kostenloser Webspace von syberpsace

    syberpsace hat kostenlosen Webspace.

    16:37, 23.8.2009
    ein allgemeiner fehler vieler neulinge in sachen webseitenprogrammierung ist javaSCRIPT mit java zu verwechseln!
    java ist jedoch eine "richtige" programmiersprache; javaSCRIPT hingegen ist "nur" eine web-scriptsprache!

    näheres hierzu auf wikipedia
    JAVA
    JAVASCRIPT


    mfg
  6. Autor dieses Themas

    evilstorys

    evilstorys hat kostenlosen Webspace.

    16:42, 23.8.2009
    Ich weiß, aber in einem Java Forum ist es doch sicher nicht schlimm, auch mal über JavaScript zu schreiben... Oder habe ich da eine Rubrik übersehen?

  7. syberpsace

    Kostenloser Webspace von syberpsace

    syberpsace hat kostenlosen Webspace.

    16:46, 23.8.2009
    eigentlich gibt es die kategorie "HTML, CSS & Javascript" aber jez mal schluss mit dem ot-getippse:

    <html>

<head>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Slideshow</title>
<STYLE type="text/css"> 
<!-- 
BODY { 
scrollbar-face-color: #12FF00; 
scrollbar-highlight-color: #12FF00; 
scrollbar-3dlight-color: #000000; 
scrollbar-darkshadow-color: #12FF00; 
scrollbar-shadow-color: #000000; 
scrollbar-arrow-color: #000000; 
scrollbar-track-color: #12FF00; 
} 
--> 

.input {
 font-size: 12px;
 font-family: verdana;
 color: #000000;
 background-color: #ffffff;
 border:1px solid #669900;
 border-top-width : 1px;
 border-right-width : 1px;
 border-bottom-width : 1px;
 border-left-width : 1px;
 text-indent : 2px;
}
</STYLE>
</head>

<body link="#000000" vlink="#000000" alink="#000000" scroll="no">
<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="300" id="AutoNumber1" height="300">
    <tr>
      <td background="Galerie/bg.gif">
<p align="center">
<a id="bildlink" target="_blank" title="Bild in Originalgröße anschauen" href="0.gif">
<img src="IMG_0001.JPG" name="photoslider" border="0" width="290" height="290"></a></td>
    </tr>
  </table>
  </center>
</div>
<div id="bildtext" style="text-align:center;font-family:verdana,arial;">Text zu Bild 1</div>
<form method="POST" name="rotater">
<script type="text/javascript" language="JavaScript1.1">
var photos=new Array()
var which=0

/*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/
photos[0]="IMG_0001.JPG"
photos[1]="IMG_0002.JPG"
photos[2]="IMG_0003.JPG"
photos[3]="IMG_0004.JPG"
photos[4]="IMG_0005.JPG"
photos[5]="IMG_0006.JPG"
photos[6]="IMG_0009.JPG"
photos[7]="IMG_0011.JPG"
photos[8]="IMG_0013.JPG"
photos[9]="IMG_0014.JPG"
photos[10]="IMG_0015.JPG"
photos[11]="IMG_0016.JPG"
photos[12]="IMG_0017.JPG"
photos[13]="IMG_0019.JPG"
photos[14]="IMG_0020.JPG"
photos[15]="IMG_0021.JPG"
photos[16]="IMG_0022.JPG"
photos[17]="IMG_0023.JPG"
photos[18]="IMG_0025.JPG"
photos[19]="IMG_0026.JPG"
photos[20]="IMG_0027.JPG"
photos[21]="IMG_0028.JPG"
photos[22]="IMG_0030.JPG"
photos[23]="IMG_0031.JPG"
photos[24]="IMG_0032.JPG"

var text=new Array()
text[0] = "Text zu Bild 1"
text[1] = "Text zu Bild 2"
text[2] = "Text zu Bild 3"
text[3] = "Text zu Bild 4"
text[4] = "Text zu Bild 5"
text[5] = "Text zu Bild 6"
text[6] = "Text zu Bild 7"
text[7] = "Text zu Bild 8"
text[8] = "Text zu Bild 9"
text[9] = "Text zu Bild 10"
text[10] = "Text zu Bild 11"
text[11] = "Text zu Bild 12"
text[12] = "Text zu Bild 13"
text[13] = "Text zu Bild 14"
text[14] = "Text zu Bild 15"
text[15] = "Text zu Bild 16"
text[16] = "Text zu Bild 17"
text[17] = "Text zu Bild 18"
text[18] = "Text zu Bild 19"
text[19] = "Text zu Bild 20"
text[20] = "Text zu Bild 21"
text[21] = "Text zu Bild 22"
text[22] = "Text zu Bild 23"
text[23] = "Text zu Bild 24"
text[24] = "Text zu Bild 25"

function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
document.getElementById("bildlink").href=photos[which];
document.getElementById("bildtext").innerHTML = text[which];
}
else 
{
window.status='Anfang der Bilder'
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
document.getElementById("bildlink").href=photos[which];
document.getElementById("bildtext").innerHTML = text[which];
}
else
{
window.status='Ende der Bilder'
//which=1;backward();return false
}
}

</script>
<p align="center">
<input  class="input" type="button" name="B2" value="<< zurück" onClick="backward()"><input  class="input" type="button" name="B3" value="neu starten" 
      onClick="which=1;backward();return false"><input  class="input" type="button" name="B1"
      onClick="forward()" value="weiter >>"><br>
      </p>
    </form>
</body>

</html>
    Quelle http://forum.jswelt.de/javascript/21052-fotoalbum.html

    die bilder kannst du ja dann auch per php aus einem verzeichnis oder einer datenbank auslesen lassen und dynamisch in die html-datei einbinden lassen

    (das ganze übrigens mittels google und dem suchbegriff "javascript fotoalbum" erhalten)

    mfg
  8. Autor dieses Themas

    evilstorys

    evilstorys hat kostenlosen Webspace.

    16:59, 23.8.2009
    Jo, dankeschön...
    Das mit dem Thema tut mir echt leid...:angel:
    Der Script funzt ABER:
    1. Der "Text zu Bild eins", den ich zu meiner Variante umgeändert habe wird immernoch als "Text zu Bild eins" angezeigt...
    2. Das Bild ist verzerrt...

    =====
    <EDIT>
    =====

    Das mit dem Verzerrtem Bild habe ich hingekriegt...
    Aber das mit der Beschreibung... hab ich auch hingekriegt!
    Danke!:spammer:

    Beitrag zuletzt geändert: 23.8.2009 17:28:32 von evilstorys

  9. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

Login zum Webhosting ohne Werbung!

Hast Du schon kostenlosen Webspace oder bist Du auf der Suche nach WordPress-Hosting mit Staging-Funktion und wp-cli? Jetzt günstige Prepaid Domains registrieren!