Script für Fotogalerie auf der Homepage aber wie?

The-Driver · 25. Oktober 2005

Sers,
brauche einen Script oder ähnliches wo ich dann mehrere bilder wenn ich sie anklicke ein neues fenster angezeigt bekomme, danke.
ciao

ronny1978 · 25. Oktober 2005

Hey für welche Sprache solltest du wenigstens hinschreiben

JavaScript und HTML:

Code:

<img src="" onclick='window.open("der name der neuen Seite z.B. index.html","","width=800px,height=600px,left=50px,top=100px,scrollbars=yes,dependent=no,toolbar=yes,status=yes,resizable=yes,menubar=yes")'>

In SelfHtml nähere Erläuterungen

Grüße Ronny

The-Driver · 25. Oktober 2005

bitte in htm oder java script weil php geht net. danke

ronny1978 · 25. Oktober 2005

Hey wenn du noch nen bisschen mehr dazu erzählst, was du vorhast und vor allem wie es aussehen soll. Könnte man dir vielleicht helfen

The-Driver · 25. Oktober 2005

Also genau ungefähr die bilder wo du als anhand hast möchte ich die auf meiner seite beispielsweise wenn ich die auf ein bild drauf klicke das es dann größer wird.

ronny1978 · 25. Oktober 2005

Ok, du willst deine Bilder Vergrößern.

Code:

<html>
<head>
<script language=javascript>
var x = 0;
var action = window.setInterval('zoom()',50);

function zoom()
{
      var bilder = document.getElementsByName('pic');

      if (x<=300){

          if (document.all) {
               document.pic.style.width = x;
          }

          if (document.getElementByName && !document.all) {
               bilder.style.width = x;
          }

          if (document.layers) {
               document.pic.width=x;
          }
          x++;
      } 
      else{
         window.clearInterval(action);
      }
       action;
}
</script>
</head>

<body onload="zoom()">

<img src=" images.jpg " name="pic">

</body>
</html>

The-Driver · 25. Oktober 2005

Irgendwie funktioniert das nicht... hm

ronny1978 · 25. Oktober 2005

was geht nicht?

Du musst die index.html aufrufen und auf die Bilder klicken. wenn du nen popupblocker an hast musst du den ausschalten

The-Driver · 25. Oktober 2005

http://pasha_benny.g4.gs/bild.htm ich danke dir schau mal ganz unten da kann man dann drauf klicken aber man sieht das bild nicht wenn es lädt man muss drauf klicken dann sieht man es erst, hmm

ronny1978 · 25. Oktober 2005

hey schau dir mal deinen imagepath an, da stimmt was nicht

<img src="http:/pasha_benny.g4.gs/Bild012.jpg" name="pic">

der müsste so lauten, wenn das bild in keinem unterordner ist

<img src="http://pasha_benny.g4.gs/Bild012.jpg" name="pic">

The-Driver · 25. Oktober 2005

Ok Danke für deine Hilfe aber wie kann ich das noch machen das sich das bild sich nicht vergrößert wenn es lädt

The-Driver · 25. Oktober 2005

http://www.oyla5.de/cgi-bin/designs/standard2/index.cgi?page=text&id=49405712&userid=81126831
ich hatte an eher sowas gedacht

ronny1978 · 25. Oktober 2005

hey habe mir das noch mal genauer angeschaut
das geht nicht, die verlinkung auf ein Bild ist nicht möglich

Code:

  <a href="http://pasha_benny.g4.gs/Bild012.jpg">
<img src="http:/pasha_benny.g4.gs/Bild012.jpg" name="pic">
  </a>

wenn du ein neues Fenster öffnen willst
dann

Code:

<img src="http:/pasha_benny.g4.gs/Bild012.jpg" 
onclick='window.open("der name der neuen Seite z.B. index.html","","width=800px,height=600px,left=50px,top=100px,scrollbars=yes,dependent=no,toolbar=yes,status=yes,resizable=yes,menubar=yes")'>

wenn du mit einem klick das Bild größer machen willst
alles fett makierte austauschen

Code:

<script language=javascript>
var x = 0;

function zoom()
{
      [B]var action = window.setInterval('zoom()',50);[/B] 
      var bilder = document.getElementsByName('pic');

      if (x<=300){

          if (document.all) {
               document.pic.style.width = x;
          }

          if (document.getElementByName && !document.all) {
               bilder.style.width = x;
          }

          if (document.layers) {
               document.pic.width=x;
          }
          x++;
      } 
      else{
         window.clearInterval(action);
      }
       action;
}
</script>

[B]<img src="http://pasha_benny.g4.gs/Bild012.jpg"  onclick="javascript:zoom()" name ="pic">[/B]

deinen </body> solltest du auch an die richtige position setzen

BlackSavage · 25. Oktober 2005

Wieso habt ihr da so gut wie nur Waffen als Bilder? Wenig aussagekräftig. Würd bissl was anderes machen.

Das wirkt so kitschig Klischeehaft fine ich. Ist nicht böse gemeint.

ronny1978 · 25. Oktober 2005

ok ich habe mir diese Seite auch angeschaut.
bei HTML bleibt dir nichts anderes übrig als zwei verschieden große Bilder zu haben eins small und das andere normal oder auch das Bild mit den Eigenschaften kleiner oder größer machen
erst lässt du es klein darstellen z.B. mit width="80px" height="80px" und dann ein neues Fenster und da lädst du dann das Original

Code:

<img src="http://pasha_benny.g4.gs/Bild012.jpg" onclick="'window.open("......")' width="80px" height="80px">

ronny1978 · 25. Oktober 2005

Jede Menge Info zu HTML und JavaScript findest du ach unter
SelfHtml

The-Driver · 25. Oktober 2005

http://pasha_benny.g4.gs/bild.htm
ok das hätte ich mal fürs erste aber wenn ich aufs bild klicken tue damm öffnet er kein eigenes fenster wie kann ich das machen, ich weiß ich bin nicht für html oder so geschaffen aber für andere dinge schon

ronny1978 · 26. Oktober 2005

Du solltest jetzt noch den Javascript Code, den ich dir geschrieben habe rauslöschen, da er so nicht funktioniert.
Er ist auch nicht notwendig, wenn du das so schreibst.

Code:

<img src="http://pasha_benny.g4.gs/Bild012.jpg" width="150px" height="150px" onclick='window.open("http://pasha_benny.g4.gs/Bild012.jpg","","width=640px,height=480px,left=5px,top=5px,scrollbars=yes,dependent=no,toolbar=no,status=no,resizable=yes,menubar=no")'>

Hinweis!
Die Parameter vom windo.open() sind nicht alle notwendig, aber sehr hilfreich, um das neue Fenster und dessen Eigenschaften zu beeinflussen

The-Driver · 26. Oktober 2005

Perfekt jetzt hab ich es genau so wie ich es mir vorgestellt habe, DANKEschön an ronny1978

Script für Fotogalerie auf der Homepage aber wie?

The-Driver

Gast

Cadet 4th Year

The-Driver

Gast

Cadet 4th Year

Anhänge

The-Driver

Gast

Cadet 4th Year

Anhänge

The-Driver

Gast

Cadet 4th Year

The-Driver

Gast

Cadet 4th Year

The-Driver

Gast

The-Driver

Gast

Cadet 4th Year

Commander

Cadet 4th Year

Cadet 4th Year

Anhänge

The-Driver

Gast

Cadet 4th Year

The-Driver

Gast

Ähnliche Themen