WinFuture-Forum.de: Bilder mit lupe vergrößern? - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Bilder mit lupe vergrößern?


#1 Mitglied ist offline   Samtron 

  • Gruppe: aktive Mitglieder
  • Beiträge: 438
  • Beigetreten: 14. Dezember 05
  • Reputation: 1

geschrieben 23. Februar 2014 - 20:35

hallo zusammen
eine Frage wie kann man ein Bild mit Lupe vergrößern?
das wäre sehr nett, wenn jeman dmir weiterhelft
vielen Dank
MfG

hier klicken
0

Anzeige



#2 Mitglied ist offline   Holger_N 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.221
  • Beigetreten: 11. September 10
  • Reputation: 458
  • Geschlecht:Männlich

geschrieben 23. Februar 2014 - 20:54

>> Da is das <<
Bauernregel: Regnets mächtig im April, passiert irgendwas, was sich auf April reimt.
0

#3 Mitglied ist offline   Samtron 

  • Gruppe: aktive Mitglieder
  • Beiträge: 438
  • Beigetreten: 14. Dezember 05
  • Reputation: 1

geschrieben 23. Februar 2014 - 20:58

Ich brauche meher Infos oder eine Anleitung in Deutsch Bitte
0

#4 Mitglied ist offline   Holger_N 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.221
  • Beigetreten: 11. September 10
  • Reputation: 458
  • Geschlecht:Männlich

geschrieben 23. Februar 2014 - 21:06

Einfach auf eins von den vier kleinen Bildern klicken, wo drei mit dem Vogel sind, da kannst du dir eine Zipdatei runterladen und da ist dann ein komplettes Beispiel drin. Alle Javascript-Dateien die nötigen Grafiken und der Rest erklärt sich ja in der index-Datei eigentlich selbst.
Bauernregel: Regnets mächtig im April, passiert irgendwas, was sich auf April reimt.
0

#5 Mitglied ist offline   Sturmovik 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.790
  • Beigetreten: 10. Januar 08
  • Reputation: 445
  • Geschlecht:unbekannt
  • Wohnort:In Reichweite der Kaffeemaschine
  • Interessen:IT, Luftfahrt, historische Technik

geschrieben 23. Februar 2014 - 21:13

Was soll das Ding denn bitte mehr können als der Browser selbst?

Rechtsklick aufs Bild => Grafik anzeigen => Zoomfunktion des Browsers nutzen.

Mehr Bildinformationen, als in der Bilddatei gespeichert sind, kann kein Tool der Welt hervorzaubern.
«Geschichte wiederholt sich nicht, aber sie reimt sich» (Mark Twain)

Unix won't hold your hand. You wanna shoot your foot, Unix reliably delivers the shot.

True Cloudstorage
0

#6 Mitglied ist offline   Holger_N 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.221
  • Beigetreten: 11. September 10
  • Reputation: 458
  • Geschlecht:Männlich

geschrieben 23. Februar 2014 - 21:18

Naja es macht schon ein bißchen was her, auch wenn es nur eine kleine Javascriptspielerei ist.



Ich reduzier das mal rasch ein bißchen, dass es sich besser erklären lässt.
Bauernregel: Regnets mächtig im April, passiert irgendwas, was sich auf April reimt.
0

#7 Mitglied ist offline   Sturmovik 

  • Gruppe: aktive Mitglieder
  • Beiträge: 3.790
  • Beigetreten: 10. Januar 08
  • Reputation: 445
  • Geschlecht:unbekannt
  • Wohnort:In Reichweite der Kaffeemaschine
  • Interessen:IT, Luftfahrt, historische Technik

geschrieben 23. Februar 2014 - 21:26

Ach das soll in ne webseite eingebettet werden, da hab ich die höchst ausführliche Problembeschreibung wohl missverstanden :lol:
«Geschichte wiederholt sich nicht, aber sie reimt sich» (Mark Twain)

Unix won't hold your hand. You wanna shoot your foot, Unix reliably delivers the shot.

True Cloudstorage
0

#8 Mitglied ist offline   Holger_N 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.221
  • Beigetreten: 11. September 10
  • Reputation: 458
  • Geschlecht:Männlich

geschrieben 23. Februar 2014 - 21:42

Also die ZIP-Datei entpacken und auf der HP am besten einen extra Ordner machen und den dann zum Beispiel:

'lupendateien'

nennen. In diesen Ordner kommt der Ordner

'dropshadow'

und die Datei

'tjpzoom.js'

Der Rest kann weg.

Dann einfach in den head-Tag der Datei, wo das Bild ist:

<script type="text/javascript" src="lupendateien/tjpzoom.js"></script>


schreiben und in jeden img-Tag, dessen Bild gelupt werden soll

 onmouseover="TJPzoom(this);"


dann noch in der Datei

'tjpzoom.js'

fast ganz unten die Zeile

var TJPshadow='dropshadow/';


in

var TJPshadow='lupendateien/dropshadow/';


ändern.

fertig.

(Als ich angefangen habe, das zu schreiben, wußte ich noch nicht, dass am Ende meiner Vereinfachung nur noch eine Datei und ein Ordner übrig bleiben. Wenn man es der eigenen Übersichtlichkeit wegen nicht braucht, kann man sich das mit dem extra Ordner auch sparen.)

Edit: Achso ich arbeite immer mit php und hab nur eine index, die alle Inhalte lädt. Wenn die Bilder aber auf Unterseiten sind, die aus untergeordneten Ordnern direkt angezeigt werden, müssen die Links da natürlich angepasst werden.

Dieser Beitrag wurde von Holger_N bearbeitet: 23. Februar 2014 - 21:50

Bauernregel: Regnets mächtig im April, passiert irgendwas, was sich auf April reimt.
0

#9 Mitglied ist offline   Samtron 

  • Gruppe: aktive Mitglieder
  • Beiträge: 438
  • Beigetreten: 14. Dezember 05
  • Reputation: 1

geschrieben 23. Februar 2014 - 21:58

das wollte ich,
ich bedanke mich viel mals
MfG
0

#10 Mitglied ist offline   Holger_N 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.221
  • Beigetreten: 11. September 10
  • Reputation: 458
  • Geschlecht:Männlich

geschrieben 23. Februar 2014 - 22:13

Mit dem gesamten Ding kann man noch ein bißchen mehr machen aber ich hab das mal weitestgehend auf den eigentlichen Effekt reduziert.
Bauernregel: Regnets mächtig im April, passiert irgendwas, was sich auf April reimt.
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0