• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Kleine Frage

Status
Für weitere Antworten geschlossen.
H

Hard-Styler1

Neues Mitglied
hey leute
hab mal wieder ne frage hier erstmal mein script

PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test1</title>

<script language="javascript">

var bilder = new Array(30)

bilder [0] = "bilder/bild (1).jpg";
bilder [1] = "bilder/bild (2).jpg";
bilder [2] = "bilder/bild (3).jpg";
bilder [3] = "bilder/bild (4).jpg";
bilder [4] = "bilder/bild (5).jpg";
bilder [5] = "bilder/bild (6).jpg";
bilder [6] = "bilder/bild (7).jpg";
bilder [7] = "bilder/bild (8).jpg";
bilder [8] = "bilder/bild (9).jpg";
bilder [9] = "bilder/bild (10).jpg";
bilder [10] = "bilder/bild (11).jpg";
bilder [11] = "bilder/bild (12).jpg";
bilder [12] = "bilder/bild (13).jpg";
bilder [13] = "bilder/bild (14).jpg";
bilder [14] = "bilder/bild (15).jpg";
bilder [15] = "bilder/bild (16).jpg";
bilder [16] = "bilder/bild (17).jpg";
bilder [17] = "bilder/bild (18).jpg";
bilder [18] = "bilder/bild (19).jpg";
bilder [19] = "bilder/bild (20).jpg";
bilder [20] = "bilder/bild (21).jpg";
bilder [21] = "bilder/bild (22).jpg";
bilder [22] = "bilder/bild (23).jpg";
bilder [23] = "bilder/bild (24).jpg";
bilder [24] = "bilder/bild (25).jpg";
bilder [25] = "bilder/bild (26).jpg";
bilder [26] = "bilder/bild (27).jpg";
bilder [27] = "bilder/bild (28).jpg";
bilder [28] = "bilder/bild (29).jpg";
bilder [29] = "bilder/bild (30).jpg";



for (var x=0; x<30; x++) {
   document.write('<img onclick="bildgroß()" width="150px" height="150px" src="'+ bilder[x] +'"><br>');
}


</script>
</head>

<body>



</body>
</html>

Und zwar zeigt er jetzt 30 bilder an ,ich schaff es einfach nicht das wen man auf eins der bilder klickt das das bild dan in groß erscheint wie funktioniert das ,denke doch richtig das wen in der schleife 30 bilder ausgegeben werden das jedes bild einen eigenen array namen hat wo drüber man es ansprechen kann nur weiß ich nicht wie das auseht ,
ihr schreibt immer so mega funktionen die mir nicht helfen bitte so simpel wie möglich halten und bitte jede funktion erklären was was is damit ich es auch verstehe

danke

lg:hardstyler
 
Das geht ganz einfach, indem du um jedes Bild einen Link machst.

HTML: 
<a href="link_zum_bild"><img src="link_zum_bild" alt="alternativer Text" /></a>
 
Hi glaube hast mich falsch verstanden will es nicht auf einer neuen seite sehen sondern ohne neu laden noch auf der gleichen stel dir das so vor ne große box wo das bild gezeigt werden soll und ne box daneben wo ganz viele kleine drin sind drückt man eins der kleinen zeigt es sich in der box hoffe hast noch mal so schnell antwort

lg:hardstyler
 
Hard-Styler1 schrieb:
will keine scripte downloaden oder klauen will welche selber schreiben also bitte lösung schreiben danke

lg:hardstyler
Zum Vergrößern anklicken....

Zum selber schreiben gehört dann allerdings auch, dass man sich mit der Sprache vertraut macht und sie lernt. Probleme selber löst, oder nach Lösungen sucht.

Zu deiner Frage, dafür musst du die aktuelle Mouseposition ermitteln Javascript - Event properties, dann versetzt davon ein neues div erzeugen und das Bild in voller Größe dort einbinden.

Als Tip, man kann sich auch fremde scripte anschauen, um Anregungen für das eigene Script zu bekommen.
 
Aktueller Code

PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test1</title>

<script language="javascript">

var bilder = new Array(30)

bilder [0] = "bilder/bild (1).jpg";
bilder [1] = "bilder/bild (2).jpg";
bilder [2] = "bilder/bild (3).jpg";
bilder [3] = "bilder/bild (4).jpg";
bilder [4] = "bilder/bild (5).jpg";
bilder [5] = "bilder/bild (6).jpg";
bilder [6] = "bilder/bild (7).jpg";
bilder [7] = "bilder/bild (8).jpg";
bilder [8] = "bilder/bild (9).jpg";
bilder [9] = "bilder/bild (10).jpg";
bilder [10] = "bilder/bild (11).jpg";
bilder [11] = "bilder/bild (12).jpg";
bilder [12] = "bilder/bild (13).jpg";
bilder [13] = "bilder/bild (14).jpg";
bilder [14] = "bilder/bild (15).jpg";
bilder [15] = "bilder/bild (16).jpg";
bilder [16] = "bilder/bild (17).jpg";
bilder [17] = "bilder/bild (18).jpg";
bilder [18] = "bilder/bild (19).jpg";
bilder [19] = "bilder/bild (20).jpg";
bilder [20] = "bilder/bild (21).jpg";
bilder [21] = "bilder/bild (22).jpg";
bilder [22] = "bilder/bild (23).jpg";
bilder [23] = "bilder/bild (24).jpg";
bilder [24] = "bilder/bild (25).jpg";
bilder [25] = "bilder/bild (26).jpg";
bilder [26] = "bilder/bild (27).jpg";
bilder [27] = "bilder/bild (28).jpg";
bilder [28] = "bilder/bild (29).jpg";
bilder [29] = "bilder/bild (30).jpg";

</script>
</head>

<body>
<table border="1">
<script language="javascript">
var td, tr, trzu, tdzu;
  td="<td height=\"152px\" width=\"152px\"> ";
  tr="<tr>";
  tdzu="</td>";
  trzu="</tr>";
  
for (var x=0; x<30; x++) {
document.write(tr+td+'<img width="150px" height="150px" src="'+ bilder[x] +'">'+tdzu+trzu);
}
</script>
</table>


</body>
</html>

So habe soweit alles geschafft er gipt mir mein array jetzt in einer schleife aus die schleife erzeigt jetzt eine hatemal tabele alles gut nur jetzt noch mal zu hier der frage jetzt wirds schwer wie schaf ich es das wen man eiuns der bilder anklickt das in zb 500px x 500px geht damit man mich nicht falsch versteht hier mal ne eigene lösung

PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test1</title>

<script language="javascript">

var bilder = new Array(30)

bilder [0] = "bilder/bild (1).jpg";
bilder [1] = "bilder/bild (2).jpg";
bilder [2] = "bilder/bild (3).jpg";
bilder [3] = "bilder/bild (4).jpg";
bilder [4] = "bilder/bild (5).jpg";
bilder [5] = "bilder/bild (6).jpg";
bilder [6] = "bilder/bild (7).jpg";
bilder [7] = "bilder/bild (8).jpg";
bilder [8] = "bilder/bild (9).jpg";
bilder [9] = "bilder/bild (10).jpg";
bilder [10] = "bilder/bild (11).jpg";
bilder [11] = "bilder/bild (12).jpg";
bilder [12] = "bilder/bild (13).jpg";
bilder [13] = "bilder/bild (14).jpg";
bilder [14] = "bilder/bild (15).jpg";
bilder [15] = "bilder/bild (16).jpg";
bilder [16] = "bilder/bild (17).jpg";
bilder [17] = "bilder/bild (18).jpg";
bilder [18] = "bilder/bild (19).jpg";
bilder [19] = "bilder/bild (20).jpg";
bilder [20] = "bilder/bild (21).jpg";
bilder [21] = "bilder/bild (22).jpg";
bilder [22] = "bilder/bild (23).jpg";
bilder [23] = "bilder/bild (24).jpg";
bilder [24] = "bilder/bild (25).jpg";
bilder [25] = "bilder/bild (26).jpg";
bilder [26] = "bilder/bild (27).jpg";
bilder [27] = "bilder/bild (28).jpg";
bilder [28] = "bilder/bild (29).jpg";
bilder [29] = "bilder/bild (30).jpg";

function groß(){
 document.write('<img width="400px" height="400px" src="'+ bilder[12] +'">'); 
 }
</script>

</head>

<body>
<table border="1">
<script language="javascript">
var td, tr, trzu, tdzu;
  td="<td height=\"152px\" width=\"152px\"> ";
  tr="<tr>";
  tdzu="</td>";
  trzu="</tr>";
  
for (var x=0; x<30; x++) {
document.write(tr+td+'<img onclick="groß()" width="150px" height="150px" src="'+ bilder[x] +'">'+tdzu+trzu);
}
</script>
</table>



</body>
</html>

Jetzt wird in der schleife zu jeden bild der event handler onklich beigefügt der die funktion gro0() aufruft wo dan ein bild mit den maßen 400pxx 400px ausgegeben wir nur mus ich in meinen Script noch ein array angeben was ich jetzt brauche
Bei onklick müste das aktuele bild ausgelsehen werden und die array nummer davon in einer variablen gepackt werden die dan in der funktion groß eingefügt werde damit der bei dem klick auch die das richtige bild ausgipt bette zu gott das hier jemand schon so viel erfahrung hat und mit ein code beispiel und ne kleine erklärung geben kann

lg:hardstyler
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben