Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag26.06.2008 um 01:29 (UTC)    
Titel: einfache Bildergalerie

Zitat:
<html><center>
<style type="text/css">
input {border:1px; border-color:#00ff00; border-style:solid; background-color : #4f4f4f; color : #00ff00;}
#info {border:1px; border-color:#00ff00; border-style:solid;}

</style>

<script language="JavaScript">
function ufktion() {
text = eval(this.value);
switch(text) {
case 1:
document.getElementById("info").innerHTML =
"<img src='bild1url'></img>";
break;
case 2:
document.getElementById("info").innerHTML =
"<img src='bild2url'></img>";
break;
case 3:
document.getElementById("info").innerHTML =
"<img src='bild3url'></img>";
break;
case 4:
document.getElementById("info").innerHTML =
"<img src='bild4url'></img>";
break;[/color]
default:
document.getElementById("info").innerHTML =
"Fehler";
}
}
</script>
<body>
<span id="info"><img src="startbildurl"></img></span>
<form name="meinFormular">
<input type="button" name="meinButton" value="1">
<input type="button" name="meinButton" value="2">
<input type="button" name="meinButton" value="3">
<input type="button" name="meinButton" value="4">
</form>

<script language="JavaScript">
for(i = 0; i < document.meinFormular.length; i++) {
document.meinFormular.elements[i].onclick = ufktion
}
</script>

</body>
</center>
</html>



hier könnt iihr die farben anpassen nach euren wünschen

hier könnt ihr weitere bilder hinzufügen

hier könnt ihr dann die buttons für die einzelnen bilder erstellen

hier die urls zu den bildern einfügen
______________
by hoodride.de.tl


Zuletzt bearbeitet von extreme-art am 26.06.2008, 18:24, insgesamt 4-mal bearbeitet
Beitrag26.06.2008 um 02:56 (UTC)    
Titel:

Da kann was nicht stimmen.
<img.... hat kein abschließendes Tag: </img>

Zitat:
"<img src='bild1url'></img>";
Beitrag26.06.2008 um 12:50 (UTC)    
Titel:

"<img src='bild1url'></img>";

wieso? stimmt doch nach xhtml standard stimmt dass da auch dieser tag einen endtag haben muss
______________
by hoodride.de.tl
Beitrag26.06.2008 um 17:17 (UTC)    
Titel:

so habe jetzt eien grafisch veränderte version gemacht hoffe die galerie gefällt euch werde sie dann mal auf meienr hp einbauen demnächst und auch im extreme pack anbieten


Zitat:
<html><center>
<style type="text/css">
input {border:1px; border-color:#00ff00; border-style:solid; background-color : #4f4f4f; color : #00ff00;}
#info {border:1px; border-color:#00ff00; border-style:solid;}
#switcher {padding:5px; border:1px; border-color:#00ff00; background-color:#4f4f4f;border-style:solid;}

</style>
<script language="JavaScript">
function ufktion() {
text = eval(this.value);
switch(text) {
case 1:
document.getElementById("info").innerHTML =
"<img src='bildurl1'></img>";
break;
case 2:
document.getElementById("info").innerHTML =
"<img src='bildurl2'></img>";
break;
case 3:
document.getElementById("info").innerHTML =
"<img src='bildurl3'></img>";
break;
case 4:
document.getElementById("info").innerHTML =
"<img src='bildurl4'></img>";
break;
default:
document.getElementById("info").innerHTML =
"Fehler";
}
}
</script>
<body>
<span id="switcher"><span id="info"><img src="startbildurl"></img></span></span>
<span id="switcher">
<form name="meinFormular">
&nbsp;
<input type="button" name="meinButton" value="1">
&nbsp;
<input type="button" name="meinButton" value="2">
&nbsp;
<input type="button" name="meinButton" value="3">
&nbsp;
<input type="button" name="meinButton" value="4">
&nbsp;</form>
</span>

<script language="JavaScript">
for(i = 0; i < document.meinFormular.length; i++) {
document.meinFormular.elements[i].onclick = ufktion
}
</script>

</body>
</center>
</html>



hier könnt iihr die farben anpassen nach euren wünschen

hier könnt ihr weitere bilder hinzufügen

hier könnt ihr dann die buttons für die einzelnen bilder erstellen

hier die urls zu den bildern einfügen
______________
by hoodride.de.tl


Zuletzt bearbeitet von extreme-art am 26.06.2008, 18:23, insgesamt 4-mal bearbeitet
Beitrag27.06.2008 um 19:18 (UTC)    
Titel:

Jetzt habe ich eine neue verbesserte version. Ihr könnt jetzt in der Galerie verkleienrte Bilder zb einfügen und bei einem klick auf die verkleienrten bilder öffnet sich eine neue seite mit dem bild in originalgröße also das normalgroße bild voraussetzung dafür ist, das sihr auch mit einem grafikprogramm von jedme originalbild ein verkleinertes bild erstellt

hier also der neue code:

Zitat:
<html><center>
<style type="text/css">
input {border:1px; border-color:#00ff00; border-style:solid; background-color : #4f4f4f; color : #00ff00;}
#info {border:1px; border-color:#00ff00; border-style:solid;}
#switcher {padding:5px; border:1px; border-color:#00ff00; background-color:#4f4f4f;border-style:solid;}

</style>
<script language="JavaScript">
function ufktion() {
text = eval(this.value);
switch(text) {
case 1:
document.getElementById("info").innerHTML =
"<a href='bildurl1' target='_new'><img src='minibild1' border='0'></img></a>";
break;
case 2:
document.getElementById("info").innerHTML =
"<a href='bildurl2' target='_new'><img src='minibild2' border='0'></img></a>";
break;
case 3:
document.getElementById("info").innerHTML =
"<a href='bildurl3' target='_new'><img src='minibild3' border='0'></img></a>";
break;
case 4:
document.getElementById("info").innerHTML =
"<a href='bildurl4' target='_new'><img src='minibild4' border='0'></img></a>";
break;
default:
document.getElementById("info").innerHTML =
"Fehler";
}
}
</script>
<body>
<span id="switcher"><span id="info"><a href="startbildurl" target="_new"><img src="startminibild" border="0"></img></a></span></span>
<span id="switcher">
<form name="meinFormular">
&nbsp;
<input type="button" name="meinButton" value="1">
&nbsp;
<input type="button" name="meinButton" value="2">
&nbsp;
<input type="button" name="meinButton" value="3">
&nbsp;
<input type="button" name="meinButton" value="4">
&nbsp;</form>
</span>

<script language="JavaScript">
for(i = 0; i < document.meinFormular.length; i++) {
document.meinFormular.elements[i].onclick = ufktion
}
</script>

</body>
</center>
</html>


hier könnt ihr die farben anpassen nach euren wünschen

hier könnt ihr dann die buttons für die einzelnen bilder erstellen

hier die urls zu den originalbildern einfügen

hier die urls zu den verkleinerten bildern einfügen
______________
by hoodride.de.tl


Zuletzt bearbeitet von extreme-art am 27.06.2008, 21:45, insgesamt 4-mal bearbeitet
Beitrag27.06.2008 um 19:56 (UTC)    
Titel:

~~~Beitrag zur besseren Übersicht gelöscht~~~


Zuletzt bearbeitet von 3fragezeichen am 27.06.2008, 21:45, insgesamt 2-mal bearbeitet
Beitrag27.06.2008 um 20:01 (UTC)    
Titel:

ihr könnt mir auch gerne zeigen, wo ihr eine der versionen der galerie zb verwendet habt würd emich sehr darüber freuen
______________
by hoodride.de.tl


Zuletzt bearbeitet von extreme-art am 27.06.2008, 21:04, insgesamt einmal bearbeitet
Beitrag01.07.2008 um 13:45 (UTC)    
Titel:

so habe jetzt eine 4. und vorerst letzte version von meienr galerie fertig wenn ihr eien individuelle galerie auf basis meienr galerie haben wollt könnt ihr gerne an mich wendne was bei der neuen version dazu kam ist eien leiste über dem bild wo dann der titel zb von dme bild drin steht oder eien beschreibung von euch

Zitat:
<html><center>
<style type="text/css">
input {border:1px; border-color:#00ff00; border-style:solid; background-color : #4f4f4f; color : #00ff00;}
#info {border:1px; border-color:#00ff00; border-style:solid;}
#switcher {padding:5px; border:1px; border-color:#00ff00; background-color:#4f4f4f;border-style:solid;}
#titel {padding:5px; color: #00ff00; border:1px; border-color:#00ff00; background-color:#4f4f4f;border-style:solid;}
</style>
<script language="JavaScript">
function ufktion() {
text = eval(this.value);
switch(text) {
case 1:
document.getElementById("info").innerHTML =
"<a href='bildurl1' target='_new'><img src='minibild1' border='0'></img></a>";
document.getElementById("titel").innerHTML =
"titel1";
break;
case 2:
document.getElementById("info").innerHTML =
"<a href='bildurl2' target='_new'><img src='minibild2' border='0'></img></a>";
document.getElementById("titel").innerHTML =
"titel2";
break;
case 3:
document.getElementById("info").innerHTML =
"<a href='bildurl3' target='_new'><img src='minibild3' border='0'></img></a>";
document.getElementById("titel").innerHTML =
"titel3";
break;
case 4:
document.getElementById("info").innerHTML =
"<a href='bildurl4' target='_new'><img src='minibild4' border='0'></img></a>";
document.getElementById("titel").innerHTML =
"titel4";
break;
default:
document.getElementById("info").innerHTML =
"Fehler";
}
}
</script>
<body>
<span id="titel">titel</span><br><br><br>
<span id="switcher"><span id="info"><a href="startbildurl" target="_new"><img src="startminibild" border="0"></img></a></span></span>
<span id="switcher">
<form name="meinFormular">
&nbsp;
<input type="button" name="meinButton" value="1">
&nbsp;
<input type="button" name="meinButton" value="2">
&nbsp;
<input type="button" name="meinButton" value="3">
&nbsp;
<input type="button" name="meinButton" value="4">
&nbsp;</form>
</span>

<script language="JavaScript">
for(i = 0; i < document.meinFormular.length; i++) {
document.meinFormular.elements[i].onclick = ufktion
}
</script>

</body>
</center>
</html>


hier könnt ihr die farben anpassen nach euren wünschen

hier könnt ihr dann die buttons für die einzelnen bilder erstellen

hier die urls zu den originalbildern einfügen

hier die urls zu den verkleinerten bildern einfügen

hier den titel der einzelnen bilder einfügen
______________
by hoodride.de.tl


Zuletzt bearbeitet von extreme-art am 05.07.2008, 20:52, insgesamt einmal bearbeitet
Beitrag08.08.2008 um 08:20 (UTC)    
Titel:

kann man den Buttons 123 usw. auch namen zuweisen? wenn ich das versuche kommt immer ein fehler: "Name" ist undefiniert
Hab unten bei value="1" value="Name" eingegeben

falsch gemacht?


Zuletzt bearbeitet von team-page am 08.08.2008, 09:23, insgesamt einmal bearbeitet
Beitrag08.08.2008 um 14:30 (UTC)    
Titel:

nein namen gehen leider nicht da man nur nummer nehmen kann

kann aber mal ne neue version machen die anders realisiert wird und man auch namen also text auf dne buttons haben kann
______________
by hoodride.de.tl
Beitrag16.10.2008 um 16:40 (UTC)    
Titel:

cih will euch daran erii9nnern dass ich (ehemals der gründer und webmaster von extreme-art.de.tl) zurzeit an eine rneuen verbesserten galerie arbeite jedoch auf basis von php

mehr infos erhaltet ihr in kürze

anscheinend funktionierne die galerien auch nicht mehr richtig im neuen ff browser
______________
Video Portal Unplugged
Neues Gewinnspiel #1
Neues Gewinnspiel #2


Zuletzt bearbeitet von gameshop am 16.10.2008, 17:54, insgesamt einmal bearbeitet
Beitrag24.10.2008 um 12:08 (UTC)    
Titel:

so habe jetzt eine überarbeitete version werde sie sobald ich eine erlaubnis eingeholt habe sie hier veröffentlichen und in einigen zeitabständne verbesserte versionen davon veröffentlichen
______________
Video Portal Unplugged
Neues Gewinnspiel #1
Neues Gewinnspiel #2
Beitrag24.10.2008 um 12:59 (UTC)    
Titel:

Zitat:
<div width="500" height="500" align="center">
<script type="text/javascript">
pic = 1;
function PicUp() {
pic++;
picanzeigen();
}
function PicDown() {
pic--;
picanzeigen();
}
function Jumpfirst() {
pic = 1;
picanzeigen();
}
function Jumplast() {
pic = 2;
picanzeigen();
}
function picanzeigen() {
switch (pic) {
case 1:
document.getElementById("pic").innerHTML = "<img src='http://iserver/seite.de/bild.png' alt='' />";
break;
case 2:
document.getElementById("pic").innerHTML = "<img src='http://iserver/seite.de/bild.png' alt='' />";
break;
}
}
</script>
<p id="pic"><img height='251' src='http://img.webme.com/pic/j/jungschar-mutschelbach/unbenannt.png' alt='' /></p>
<input type="button" onclick="javascript:Jumpfirst()" value="<<">
<input type="button" onclick="javascript:PicDown()" value="<">
<input type="button" onclick="javascript:PicUp()" value=">">
<input type="button" onclick="javascript:Jumplast()" value=">>">
</div>


größenangaben der galerie
jeweils pro bild immer ein son case machen also beim 3. bild dann:

case 3: ...


hier die bild url jeweils eintragen

diue nächste version von der galerie wird in etwa so aussehen wie die letzte galerie die ich gemacht hatte
______________
Video Portal Unplugged
Neues Gewinnspiel #1
Neues Gewinnspiel #2


Zuletzt bearbeitet von gameshop am 24.10.2008, 14:03, insgesamt einmal bearbeitet
Beitrag24.10.2008 um 13:04 (UTC)    
Titel:

Bitte Edit-Funktion benutzen !! Evil or Very Mad
______________

Das Forum ohne Zensur ,hier könnt ihr die Wahrheit lesen !
Beiträge der letzten Zeit anzeigen:   


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