Home > Tutorials > Bilderzoom mit Javascript oder PHP

Der ff.Bilderzoom : Bildvergrößerung für die Homepage

Der ff-Bilderzoom ist ein einfaches Programm in Javascript oder PHP, mit dem Sie nur noch eine einzige Seite für alle in Ihrem Web befindlichen Bilder zur Vergrößerung benötigen.

Der ff-Bilderzoom ist in zwei Varianten möglich: entweder mit Javascript oder mit PHP. Für Anfänger ohne lokalen Server empfehlen wir die einfachere aber auch nicht so zuverlässige Variante in Javascript. Versierte Webdesigner sollten auf das zuverlässige serverseitige PHP-Script zugreifen. Das zu vergrößernde Bild hat folgenden Quellcode. Die erste Variante funktioniert mit Javascript, die zweite mit PHP.

<a href="zoom.html?bild1">
<img src="/bilder/bild1.jpg" alt="Zoombar mit Javascript"></a>
<a href="zoom.php?bild2.jpg">
<img src="/bilder/bild2.jpg" alt="Zoombar mit PHP"></a>

Je nachdem, ob Sie sich für Javascript oder PHP entschieden haben, benötigen Sie im gleichen Verzeichnis eine Datei zoom.html oder zoom.php. Diese Datei muss eines der beiden folgenden Scripts beinhalten.

Javascript in zoom.html:

<a href="javascript:history.back()">
<script language="JavaScript">
picname=window.location.search;
document.write("<img src='/bilder/"+picname.substring(1,picname.length)+"-hi.jpg' border='0' alt='Gezoomtes Bild'>");
</script>
</a>

PHP in zoom.php:

<a href="javascript:history.back()">
<img src="<?php
$url_variablen=array_keys($HTTP_GET_VARS);
$bildername=$url_variablen[0];
$bilderlink="/bilder/".$bildername;
$bilderlink=str_replace("_jpg", "-hi.jpg", $bilderlink);
$bilderlink=str_replace("_gif", "-hi.gif", $bilderlink)
; echo $bilderlink;?>" alt="Klicken = zurück" border="0">
</a>

Die Bilder bild1.jpg, bild1-hi.jpg etc. müssen sich im Unterordner /bilder befinden, andernfalls muss das Script angepasst werden.

Javascript oder PHP? Bitte beachten Sie dass beim Einsatz der Javascript-Bilderzoom-Variante der Effekt von den Einstellungen im Browser des Benutzers abhängt: in einigen Browsern läßt sich Javascript deaktivieren. Die Besucher sehen dann kein großes Bild. Der Einsatz der PHP-version bietet zwei entscheidende Vorteile. Erstens gilt: wenn das Script einmal korrekt läuft, läuft es immer und für alle Besucher korrekt. Zweitens indiziert Google gewöhnlicherweise für jedes vergrößerte Bild eine weitere zoom.php-Datei. Ihre Homepage erscheint für Google größer.

Linkware Wenn Ihnen dieses Script gefällt, belassen Sie bitte einen Link auf unsere Homepage: ff-webdesigner.de – Webdesign aus Regensburg & München

Haftungsausschluss Die ff-webdesigner übernehmen keinerlei Haftung für eventuelle Schäden, die aus dem Einsatz des ff-Bilderzoom (Freeware) resultieren.

Webdesign-Angebot STD : Webdesign Stundensatz

Unser Preis: 90 € 104,40 € incl. MwSt.
Für wen? Sie benötigen schnell und zuverlässig Hilfe für Ihre Hompage?
Auftrag erteilen

Wir erledigen für Sie alle Arbeiten an Ihrer Homepage nach unserem aktuell gültigen Webdesign-Stundensatz. Sie erhalten vor jeder Auftragserteilung eine auf +/- 15% genaue Kostenschätzung.

Fragen zu diesem Webdesign-Angebot? Rufen Sie uns an! 0941 / 4618 3055
[ Mehr Webdesign-Angebote anzeigen ]
Webdesign-Angebot BRI : Bildrecherche im Internet

Unser Preis: 90 €104,40 € incl. MwSt.
Für wen? Sie suchen professionelle und lizenzfreie Digitalfotografien zur Nutzung auf Ihrer Homepage.
Auftrag erteilen

Sie haben ein genaue Vorstellung, welche Bilder Sie suchen, finden aber keine copyrightfreien? Wir finden diese Bilder für Sie!

  • Teilen Sie uns mit, welche Bilder Sie suchen (maximal 10)
  • Wir finden diese Bilder zur legalen Nutzung auf Ihrer Homepage.
  • Alle Bilder werden in einer Auflösung von ca. 1000/750 (auf Wunsch auch hochauflösend für Prospekte) zugemailt. Die Bilder sind größtenteils von professionellen Fotografen, nicht älter als 2 Jahre und zur Verwendung auf Ihrer Homepage freigegeben.
  • Gegen Aufpreis kaufen wir die von Ihnen gewünschten Bilder in professionellen kostenpflichten Bilder-Börsen.
Fragen zu diesem Webdesign-Angebot? Rufen Sie uns an! 0941 / 4618 3055
[ Mehr Webdesign-Angebote anzeigen ]

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Details zu dieser Homepage anzeigen
»Die ff-webdesigner sind DIE Webdesigner! Zuverlässig, originell, ideenreich und fast schon unheimlich schnell! Sie gestalteten unsere Homepage: Übersichtlich, aber nicht langweilig. Ausführlich, aber nicht überladen. Genau, aber nicht pedantisch. Raffiniert, aber ohne Schnickschnack. Schön, aber auch funktionell. Effektiv, und doch kreativ.« Dr. Erwin Aschenbrenner...
Kunden-Homepage: www.boehmen-reisen.de
Webdesign-Tutorials

Zum ff.Bilderzoom bieten wir Ihnen auch noch eine Anleitung an, in der Sie weitere Details zur Installation erfahren.

[ Bilderzoom-Tutorial ]      
Einträge aus dem ff-Webdesign Lexikon:
JavaScript ist eine von Netscape entwickelte objektbasierte Programmiersprache, die in erster Linie zur Dynamisierung von Webseiten verwendet wird. Javascript ... [ Mehr lesen ]
PHP ist eine im Internet weit verbreitete Open-Source-Scriptsprache. PHP kommt häufig zum Einsatz bei Datenbanken, ... [ Mehr lesen ]
JPEG ist neben GIF das Haupt-Grafikformat im Internet. Basierend auf einer MPEG-Kompression bietet es die Möglichkeit, große Bilder ... [ Mehr lesen ]
GIF bedeutet Graphic Interchange Format. GIF ist eines der drei Hauptgrafikformate im Webdesign. Der Einsatz empfiehlt sich für grafische Bilder mit einheitlichen Farben und geraden Flächen. ... [ Mehr lesen ]
Usability Eine gute Nutzbarkeit ist die wichtigste Grundlage für den Erfolg einer Homepage. Usability bedeutet Gebrauchstauglichkeit: eine Homepage ... [ Mehr lesen ]
Apache Der Apache Webserver ist ein Open-Source-Programm, das für die Darstellung und Generierung von Internetseiten eingesetzt wird. Er ist ... [ Mehr lesen ]
Query String Ein Query String ist der hinter dem Dateinamen in der URL-Leiste gebrauchte Anhang von Parametern - meist nach einem Fragezeichen. Er wird ... [ Mehr lesen ]
Eine gute Bildvergrößerung verbessert die Ladezeiten und Usability Ihrer Homepage beträchtlich.

Ausgezeichnet!

✓ 5/5 ☆☆☆☆☆ Bewertung auf Google

0 votes, average: 0,00 out of 50 votes, average: 0,00 out of 50 votes, average: 0,00 out of 50 votes, average: 0,00 out of 50 votes, average: 0,00 out of 5 (0 Bewertungen, Ø 0,00 / 5)
Loading...

Listando
WordPress Cookie Plugin von Real Cookie Banner