Antwort
 
Themen-Optionen
Alt 17.07.2006, 14:45 Nach oben    #1
Neuer Benutzer
 
Registriert seit: 18.08.2005
Beiträge: 19
Standard bild in extra fenster vergrößern

hallo zusammen
ich habe gerade folgendes script gefunden.
http://www.drweb.de/javascript/thumbnail.shtml

An sich ne coole sache. Nur ich habe keine Ahnung von JavaScript

Es wird doch möglich sein, die größe des vergrößerten Bildes anzugeben. Die Frage ist nur wie?? Bitte gebt mir ma nen tipp.
HTML-Code:
		function vergroessern(welche, e, position, imgwidth, imgheight){

		if (ie||ns6){
		aufbau=document.getElementById? document.getElementById("zeigedasbild") : document.all.zeigedasbild

		if (position=="center"){
		seite_y_stellung=ns6? parseInt(pageYOffset) : parseInt(ieobjekt().scrollTop)
		horizoposi=ns6? pageXOffset+window.innerWidth/2-imgwidth/2 : ieobjekt().scrollLeft+ieobjekt().clientWidth/2-imgwidth/2
		vertiposi=ns6? seite_y_stellung+window.innerHeight/2-imgheight/2 : seite_y_stellung+ieobjekt().clientHeight/2-imgheight/2

		if (window.opera && window.innerHeight)
		vertiposi=seite_y_stellung+window.innerHeight/2-imgheight/2
		vertiposi=Math.max(seite_y_stellung, vertiposi)
		}

		else{
		var horizoposi=ns6? pageXOffset+e.clientX : ieobjekt().scrollLeft+event.clientX
		var vertiposi=ns6? pageYOffset+e.clientY : ieobjekt().scrollTop+event.clientY
		} 
		aufbau.style.left=horizoposi+"px"
		aufbau.style.top=vertiposi+"px"
		aufbau.innerHTML='<div align="right" id="leiste"><span id="schliessen_text" onClick="vorschau_zu()">Schließen</span> </div><img src="'+welche+'">'
		aufbau.style.visibility="visible"
		return false
		}
		else
		return true
		}
und der aufruf
HTML-Code:
 <div id="zeigedasbild"></div>
		<a href="werke/porträt/b_m.jpg" onClick="return vergroessern('werke/porträt/b_m.jpg',event)">
			<img src="werke/porträt/b_m.jpg" width="100" border="0"></a> 
onClick="return vergroessern('werke/porträt/b_m.jpg',event,,,20,20)"
geht leider nicht obwohl es ja logisch wäre
denis_hanke ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 17.07.2006, 14:52 Nach oben    #2
Martin Breuer
 
Benutzerbild von WarrenFaith
 
Registriert seit: 17.08.2005
Ort: Berlin
Beiträge: 1.642
Standard

onClick="return vergroessern('werke/porträt/b_m.jpg',event,,,20,20)"
da verwendest du 6 Parameter, die Funktion hat aber nur 5, lösch mal eins der leeren Parameter...
__________________
I did it my way - Senseless-Blog
WarrenFaith ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 17.07.2006, 15:18 Nach oben    #3
Neuer Benutzer
 
Registriert seit: 18.08.2005
Beiträge: 19
Standard

naja
<a href="werke/porträt/b_m.jpg" onClick="return vergroessern('werke/porträt/b_m.jpg',event,'',5,5)">
oder
<a href="werke/porträt/b_m.jpg" onClick="return vergroessern('werke/porträt/b_m.jpg',event,,5,5)">
gehen auch nicht

ich habe aber mal folgendes geändert.
es ist sicher anders gedacht, aber das löst zumindest mein problem (wenn auch schlampig)
HTML-Code:
aufbau.innerHTML='<div align="right" id="leiste"><span id="schliessen_text" onClick="vorschau_zu()">Schließen</span> </div><img src="'+welche+'"; width="'+imgwidth+'";>'
denis_hanke ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 17.07.2006, 15:38 Nach oben    #4
Martin Breuer
 
Benutzerbild von WarrenFaith
 
Registriert seit: 17.08.2005
Ort: Berlin
Beiträge: 1.642
Standard

das Plugin "Web Developer" beim Firefox hat ne gute JavaScript-Konsole. Da kannste sicher auch schauen, was falsch läuft.
__________________
I did it my way - Senseless-Blog
WarrenFaith ist offline  
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Alt 17.07.2006, 19:11 Nach oben    #5
Jay
Gast
 
Beiträge: n/a
Standard

Diese Funktion hat IMHO keine Existenzberechtigung mehr.
Verwende lieber sowas
PHP-Code:
<script type="text/javascript">
    function 
openWindow(srcwidthheight) {
        var 
left screen.width/width/2;
        var 
top screen.height/height/2;

        var 
win window.open (src"ImageWindow""top="+top+",left="+left+",height="+height+",width="+width);
        
win.focus()
        
        return 
false;
    }
</script>

<a onclick="return openWindow ('http://www.google.at',400,500)" href="http://www.google.at">open</a> 
Obwohl ich das nur jetzt auf die schnelle hingeschrieben habe (sollte aber funktionieren).
Ich mache es nämlich immer so, dass ich diese hässlichen eventhandler (onclick, onfocus, ondbclick, onscroll, onkeypress ...) zur Laufzeit per addEventListener bzw. attachEvent hinzufüge, weil ich den HTML Code so nicht manipulieren muss (ist schöner) und ich wesentlich flexibler bin.

Mfg Jay
 
Add Post to del.icio.usBookmark Post in TechnoratiDiesen Beitrag zu Mister Wong hinzufügen!
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[Grundlagen] GDlib und große Bilder CIX88 Tutorials 0 28.01.2006 12:46
Bild Komponent - Bild zurecht schneiden Robinson Desktop-Applikationen und Grafik 5 31.12.2005 13:53
Fenster verschieben - anderes Fenster mit verschieben? Binary Allgemeine Java-Programmierung 2 15.08.2005 10:24
NOOB FRAGE: Fenster bei Buttondruck Muluf Allgemeine Java-Programmierung 2 21.06.2005 15:06
Bild seperat laden und anzeigen phate Desktop-Applikationen und Grafik 0 31.05.2005 10:44


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:09 Uhr.


Powered by vBulletin® Version 3.7.3 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44