onmouse over bild vergrößern

[FerrariF100GT]

Hallo,
ich brauche ein script für folgendes:
Wenn ich in meiner Website über ein thumb image mit dem Mauszeiger fahre, soll das Bild in voller größe angezeigt werden. Aber natürlich im Vordergrund also nicht die seite sprengen xD.

Und dann bräuchte ich am besten ne kleine Bat datei oder sowas wo ich Bilder in nen Ordner schmeiß wo er mir die Original Bilder auf ne bestimmte größere verkleinert (1024x768 und den rest mit schwarzem Hintergrund füllen falls Bild zu schmal oder so) und mir gleichzeitig in einer bestimmten größe Thumbs anlegt.

Könnt ihr mir bei beiden dingen helfen?


greetz

 

[Kasn]

vergroessern: such mal nach der "lightbox"
verkleinern:

function thumbnail($src,     // Dateiname
                   $target,
                   $img_width  = "150",       // max. Grš§e in x-Richtung
                   $img_height = "150")       // max. Grš§e in y-Richtung
  {
    // Grš§e und Typ ermitteln
    list($src_width, $src_height, $src_typ) = getimagesize($src);

    // neue Grš§e bestimmen
    if($src_width >= $src_height)
    {
      $new_image_width = $img_width;
      $new_image_height = $src_height * $img_width / $src_width;
    }
    if($src_width < $src_height)
    {
      $new_image_height = $img_width;
      $new_image_width = $src_width * $img_height / $src_height;
    }

    if($src_typ == 1)     // GIF
    {
      $image = imagecreatefromgif($src);
      $new_image = imagecreate($new_image_width, $new_image_height);
      imagecopyresampled($new_image, $image, 0, 0, 0, 0, $new_image_width,$new_image_height, $src_width, $src_height);
      imagegif($target, 100);
      imagedestroy($image);
      imagedestroy($new_image);
      return true;
    }
    elseif($src_typ == 2) // JPG
    {
      $image = imagecreatefromjpeg($src);
      $new_image = imagecreatetruecolor($new_image_width, $new_image_height);
      imagecopyresampled($new_image, $image, 0, 0, 0, 0, $new_image_width,$new_image_height, $src_width, $src_height);
      imagejpeg($new_image, $target, 100);
      imagedestroy($image);
      imagedestroy($new_image);
      return true;
    }
    elseif($src_typ == 3) // PNG
    {
      $image = imagecreatefrompng($src);
      $new_image = imagecreatetruecolor($new_image_width, $new_image_height);
      imagecopyresampled($new_image, $image, 0, 0, 0, 0, $new_image_width,$new_image_height, $src_width, $src_height);
      imagepng($new_image, $target);
      imagedestroy($image);
      imagedestroy($new_image);
      return true;
    }
    else
    {
      return false;
    }
}

////////////////////////////////

            $dirHandle = dir($dir);
            
            while ($entry = $dirHandle->read()) {
                if (preg_match("/\.jpg$|\.gif$|\.jpeg$|\.bmp|\.png$/i", $entry)) {
                    
                    thumbnail($dir . '/' . $image, $dir . '/thumbnails/' . $image, 1024, 768);
                    thumbnail($dir . '/' . $image, $dir . '/thumbnails/' . $image, 160, 120);
                }
            }

musst du natuerlich noch ein wenig anpassen, aber als kickoff sollte es reichen

 

[aelo]

Und dann bräuchte ich am besten ne kleine Bat datei oder sowas wo ich Bilder in nen Ordner schmeiß wo er mir die Original Bilder auf ne bestimmte größere verkleinert (1024x768 und den rest mit schwarzem Hintergrund füllen falls Bild zu schmal oder so) und mir gleichzeitig in einer bestimmten größe Thumbs anlegt.

Frontpage kann das
Ernsthaft: such bei Google mal nach PicSizer

mfg
aelo

 

[hotracer]

vergroessern: such mal nach der "lightbox"
verkleinern:

[...]

musst du natuerlich noch ein wenig anpassen, aber als kickoff sollte es reichen

Das Auslesen des Verzeichnisses könnte man noch über den DirectoryIterator lösen. In Verbindung mit der Funktion pathinfo() würde man sich das preg_match() sparen.

Das ist aber Krümelkackerei

 

[Kasn]

Das Auslesen des Verzeichnisses könnte man noch über den DirectoryIterator lösen. In Verbindung mit der Funktion pathinfo() würde man sich das preg_match() sparen.

Das ist aber Krümelkackerei

da hast du natuerlich vollkommen recht, und das waere auch sicherlich eleganter. kann der DirectoryIterator nicht sogar direkt nach einem bestimmten muster suchen? meine da neulich was gesehen zu haben.

aber das oben ist ein script dass ich schon ewig rumliegen habe, und warum dann jetzt daran was umbauen.

 

[FerrariF100GT]

cool thx lightbox2 rulet genau das hab ich gesucht
mit den thumbs erstellen nehm ich pic sizer aber vll lass ichs später auch mit dem script laufen. Mal sehen

 

[tOWNshIP]

das lässt sich mit simplen css lösen:
imgthumb als link deklarieren und imgsize als mouseover-effekt

 

[FerrariF100GT]

kannst du das etwas genauer ausführen bin doch kein css expert

 

[tOWNshIP]

<a class="thumb" href="#5"><img src="thumbnail.gif" alt="description" /><span class="pic5"></span></a>

a.thumb:active span.pic5{
    width: 640px; 
    height: 480px;
    background: url(image.gif) no-repeat;
	}

active ist alternativ mit hover zu ersetzen

//edit .. topic lesen, das bild muss natürlich als kleine und grosse version vorliegen.

 

[tOWNshIP]

dann machs kleiner?
width: 320px

oder meinetwegen in Prozent der Seite ..
width: 25%

 

[nehalist]

Rein theoretisch kannst auch einen Div machen, dessen Hintergrund das kleine Bild ist. Via JS Mouseover (this.ClassNama='') kannst die Div-Klasse ändern und das große Bild aufrufen ;>

 

[FerrariF100GT]

das problem ist ich will das in eine Ebay versteigerung einbauen. Allerdings ist dort kein JS erlaubt sodass lightbox nicht funzt.
Und ich hab die Bilder am liebsten groß