was ist der AS Editor?
Beiträge von Roland Rafael Repczuk
-
-
Ich habe gerade angefangen Flash zu " studieren "... soweit komme ich damit sehr gut zurecht... Nur weiß ich nicht wie man bei Adobe Flash CS4 oder im Quellcode einstellt, dass die Flash Animation einmal abspielt und das Endbild dann einfach bleibt ( keine Wiederholung )
Ich hoffe Ihr kennt die Antwort
Gruß
Roland -
Ja genau das meine ich.
-
Salem Aleikum
Ich habe in meinen Bildergalerien jedes Bild mit einem Anker
( zur Navigation ) versehen. Das Bild erscheint jedoch immer am oberen Rand des Bildschirms, ( Position des Ankers ) und zwingt den Besucher zum Scrollen. Ich möchte, dass das Bild zentriert auf dem Monitor erscheint, ohne dass ich die Anker verschieben muss, weil ich sonst alle Elemente neu positionieren muss. Gibt es einen allgemeingültigen Befehl, der das ermöglicht?Frühling sein mit Euch
Roland
-
Benvenuto
Ich habe auf meiner Seite eine Slideshow ( Flash ) eingebunden. Da meine Navigationsleiste eine fixierte Navigation ist, möchte ich gerne, dass sie über allem liegt ( Ebene ; z-index ), auch über der Flash-Slideshow...
Ich habe in verschiedenen Foren schon mehrere brauchbare Codes erhalten, aber ich bin so unwissend, dass ich keine Ahnung habe wie ich sie in meine Seite einbauen kann...Den Code soll ich i-wie einbauen:verwirrt::verwirrt:
Das ist mein Code - Im HEAD ist nur noch ein externes Stylesheet für das JAVA Script
Code<div id="flashcontent"> <script type="text/javascript"> var ws = new SWFObject('ws-slideshow.swf','ws-slideshow', "624" , "364", '9.0.28','#000000'); ws.addParam("quality", "best"); ws.addParam("menu", "false"); ws.addParam( 'allowScriptAccess', 'always' ); ws.addParam( 'allowFullScreen', 'true' ); ws.addVariable("XMLPath", "xml/oelgemaelde-1992-1996-fantastischer-realismus.xml"); ws.write('flashcontent'); </script></div>
Könnt ihr mir daraus bitte den fertigen Code basteln?
Gruß
Roland
-
Habt Dank meine Engel.
Der Kreis des Himmels ist schon für Euch reserviert.
Ich habe sogenanntes Textfeld auf meiner Startseite ( http://www.roland-rafael-repczuk.de )integriert.
Wie aber bekomme ich diesen häßlichen Scrollbalken in eine
wunderschöne, soll ich sagen engelsgleiche Anmut verwandelt.
Doch nicht etwa mit schwarzer Magie ?Mit dem Höllenbruder bitte keinen Pakt !
Roland
-
High !
Um nicht meine Website mit einem endlos langen Text zu verbauen, möchte ich ein Textfeld integrieren, indem der Text über eine Scrollfunktion bewegt und gelesen werden kann.
Wie heißt so ein Feld ? Wo finde ich ein Skript ?Herzlichen Dank an meine Retter!
Wenn ich im Himmel bin schicke ich Euch den wohlverdienten Segen !Roland
-
Der BODY Code:
Code
Alles anzeigen<div class="pd_menu_01"> <ul> <li><a href="index.html">Home<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]--> <!--[if IE]></td></tr></table></a><![endif]--></li> </ul> <ul> <li style=""><a href="">Gemälde<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]--> <ul> <li><a href="kunstwerke-galerie-oelgemaelde-symmetrischer-surrealismus.html">Symmetrischer Surrealismus</a></li> <li><a href="gemaelde-galerie-filigraner-surrealismus-fantastischer-realismus-kunst.html">Filigraner Surrealismus</a></li> <li><a href="bilder-galerie-wiener-schule-fantastischer-realismus-freie-kunst.html">Phantastischer Realismus </a></li> <li><a href="kunst-galerie-magischer-realismus-tableau-portrait-malerei.html">Magischer Realismus</a></li> <li><a href="kunst-realismus-bild-fakt-fiktion.html" class="lastone">Fakt & Fiktion</a></li> </ul> <!--[if IE]></td></tr></table></a><![endif]--></li> </ul> <ul> <li><a href="">Gemälde<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]--> <ul> <li><a href="erste-werke-gemaelde-1983-1986.html">Ölgemälde 1983 - 1986</a></li> <li><a href="kunst-gemaelde-1986-1988-surrealistischer-expressionismus.html">Ölgemälde 1986 - 1988</a></li> <li><a href="kunstgemaelde-galerie-werke-1988-1992-symbolismus-allegorie.html">Ölgemälde 1988 - 1992</a></li> <li><a href="oelgemaelde-1992-1996-fantastischer-realismus.html" class="lastone">Ölgemälde 1992 - 1996</a></li> </ul> <!--[if IE]></td></tr></table></a><![endif]--></li> </ul> <ul> <li><a href="">Grafik<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]--> <ul> <li><a href="bleistift-zeichnungen-grafik-archiv-kunst-art.html">Zeichnungen</a></li> <li><a href="aquarelle-oelstift-bleistift-zeichnungen-kolorierte-bilder-galerie.html" class="lastone">Kolorierte Grafiken</a></li> </ul> <!--[if IE]></td></tr></table></a><![endif]--></li> </ul> <ul> <li><a href="">Raum<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]--> <ul> <li><a href="fresko-sgraffito-trompe-d%27oeil-wandmalerei-kunst-illusion.html">Fresko - Illusion - Malerei</a></li> <li><a href="architektur-interieur-objekt-rauminstallation.html">Architektur - Interieur</a></li> <li><a href="mosaik-keramik-gold-fliesen-edelsteine.html" class="lastone">Mosaik - Glas - Keramik - Gold </a></li> </ul> <!--[if IE]></td></tr></table></a><![endif]--></li> </ul> <ul> <li><a href="">Figur<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]--> <ul> <li><a href="kunst-gaerten-park-landschaften-natur-steine-skulptur-erde.html">Landschaft - Skulptur - Gärten</a></li> <li><a href="denkmal-skulptur-plastik-bueste-figur-statue.html">Figur - Plastik - Skulptur</a></li> <li><a href="skulptur-immobilie-kunst-fassade-gestaltung.html" class="lastone">Skulptur & Immobilie</a></li> </ul> <!--[if IE]></td></tr></table></a><![endif]--></li> </ul> <ul> <li><a href="">Informationen<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]--> <ul> <li><a href="biographie-vita-werk-werdegang.html">Biographie</a></li> <li><a href="paradigma-weltbild-kosmische-kultur-philosophie.html">Philosophie & Kosmische Kultur</a></li> <li><a href="technik-material-bilder-werk-arbeitsweise-system.html">Technik - Material</a></li> <li><a href="kontakt-kommunikation-kuenstler-anschrift-telefon-e-mail.html" class="lastone">Kontakt zum Künstler</a></li> </ul> <!--[if IE]></td></tr></table></a><![endif]--></li> </ul> <ul> <li><a href="">Empfehlungen<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]--> <ul> <li><a href="kuenstler-empfehlungen-referenz-sympathie.html">Künstler</a></li> <li><a href="kunstportale-kulturarchive.html">Kunstportale / Foren</a></li> <li><a href="roland-rafael-repczuk-im-web-onlinegalerien-network-portale.html" class="lastone">Roland Rafael Repczuk -Online</a></li> </ul> <!--[if IE]></td></tr></table></a><![endif]--></li> </ul> <ul> <li><a href="impressum-des-kuenstlers-roland-rafael-repczuk-anschrift-telefon-e-mail.html">Impressum<!--[if IE 7]><!--></a><!--<![endif]--><!--[if IE]><table><tr><td><![endif]--> <!--[if IE]></td></tr></table></a><![endif]--></li> </ul> </div>
-
Erst einmal Danke für deine schnelle Antwort.
Nur welchen Befehl muss ich einfügen, wenn sich die Subitems nach oben öffnen sollen?Gruß
Roland
-
Ich habe auf meiner Seite ein CSS Pull-Down Menu eingefügt... Ich möchte aber, dass sich die Subitems nach oben und nicht nach unten öffnen...
Ich suche schon die ganze Zeit den Befehl im CSS Code... Ohne Erfolg... Ich hoffe Ihr könnt mir weiterhelfen...Besten Dank
RolandCode
Alles anzeigen<style type="text/css" media="screen"> .pd_menu_01 {float:left; padding:0; margin:0;color: #E0E0E0;background: #006587;width:100%; border:solid 1px #004080;clear:both;} /*Color navigation bar normal mode*/ .pd_menu_01 a, .pd_menu_01 a:visited { font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:16px; color: #E0E0E0; background-color: #006587; text-decoration: none; } .pd_menu_01 ul {list-style-type:none;padding:0; margin:0;} .pd_menu_01 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #004080; } .pd_menu_01 ul li a {color: #E0E0E0;background: #006587;float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; } .pd_menu_01 ul li ul {display:none; border:none;color: #E0E0E0;background: #006587;} .pd_menu_01 ul li:hover a {background-color:#007CA5; text-decoration:none; color:#FFFF00;} /*Color main cells hovering mode*/ .pd_menu_01 ul li:hover ul {display:block; position:absolute; z-index:999; top:29px; margin-top:1px; left:0;} .pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#006587; color:#E0E0E0;} /*Color subcells normal mode*/ .pd_menu_01 ul li:hover ul li a:hover {background-color:#007CA5; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/ .pd_menu_01 table {position:absolute; top:0; left:0; border-collapse:collapse;color: #E0E0E0;background: #006587;} .pd_menu_01 ul li a:hover {background-color:#007CA5; text-decoration:none;color:#FFFF00;} /*Color main cells hovering mode*/ .pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; } .pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#006587; color:#E0E0E0;} /*Color subcells normal mode*/ .pd_menu_01 ul li a:hover ul li a:hover {background-color:#007CA5; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/ </style>
-
Hello,
Mein Problem:
Die Bilder auf meiner Website lassen sich bei der Auflösung 1280 x 1024 gut betrachten
Bei der Auflösung 1024 x 768 jedoch passen sie gerade eben noch auf den Monitor.
Teilweise muss man sogar scrollen.
Ich möchte dass sich die Bilder in ihrer Größe relativ zur Größe des Bildschirms zeigen.
Ist dies möglich?
Welche Einstellungen muss ich vornehmen?
Merci bien !Roland
Edit: Funktionieren relative Größen auch bei Texten?
-
Ich möchte gerne, dass meine Besucher auf meiner Seite nicht mehr so viel scrollen müssen. Daher hatte ich die Idee, meine Bilder per CSS so einzustellen, dass man immer nur 1 Bild mit Text sieht und wenn man dann auf weiter oder so etwas ähnliches klickt, erscheint das nächste Bild...Ich hoffe Ihr versteht mich und könnt mir einen Code liefern oder irgendwie anders behilflich sein!
Grüße
Roland
-
Aber 513 Errors?! Das dauert seine Zeit!
-
Das habe ich schon gemerkt...Fast alle Fehlermeldungen gehören zu table-Befehlen. Und die Tabellen hat NVU gemacht...Wir sind nicht Schuld. Wir sind nur ratlos!
-
Ich möchte das Script TJPzoom - Open Source Image Magnifier in Javascript auf meiner Webseite verwenden.
Ab wann gilt eine Seite als kommerziell?
Gibt es hier eindeutige Definitionen ?
Ich bin mir nicht sicher ob ich das Script in meine Seite http://www.roland-rafael-repczuk.de einsetzen darf.
Wie kann ich mich hier absichern ?Grüße
Roland -
Erst einmal möchte ich mich entschuldigen, für meine späte Antwort... Mir geht es immoment nicht so gut.
Wahrscheinlich verstehe ich deine Frage mal wieder falsch. Also das Design würde ich gerne so beibehalten, wie es momentan ist.
Ich möchte nur, dass dieses Java-Script richtig funktioniert und nicht halb neben dem Bild anfängt, wenn du verstehst, was ich meine.Grüße
Roland -
Ich weiß jetzt nicht, ob ich mich entschuldigen soll,
aber auf jeden Fall möchte ich mich erst einmal bedanken !
Die Tabelle habe ich erzeugt, um neben den Bildern noch
Beschreibungen positionieren zu können. Anders habe ich mir nicht zu helfen gewusst.Also, hab Dank!
Roland
-
hier ist das gesamte Script:
Code
Alles anzeigen// TJPzoom 3 * János Pál Tóth // 2007.07.12 // Docs @ http://valid.tjp.hu/tjpzoom/ // News @ http://tjpzoom.blogspot.com/ function TJPzoomswitch(obj) { TJPon[obj]=((TJPon[obj])?(0):(1)); return TJPon[obj]; } function TJPzoomif(obj,highres) { if(TJPon[obj]) {TJPzoom(obj,highres);} } function TJPzoom(obj,highres) { TJPzoomratio=TJPzoomheight/TJPzoomwidth; if(TJPzoomoffsetx > 1) { TJPzoomoffset='dumb'; TJPzoomoffsetx=TJPzoomoffsetx/TJPzoomwidth; TJPzoomoffsety=TJPzoomoffsety/TJPzoomheight; } if(!obj.style.width) { if(obj.width > 0) { //educated guess obj.style.width=obj.width+'px'; obj.style.height=obj.height+'px'; } } if(typeof(highres) != typeof('')) {highres=obj.src} var TJPstage=document.createElement("div"); TJPstage.style.width=obj.style.width; TJPstage.style.height=obj.style.height; TJPstage.style.overflow='hidden'; TJPstage.style.position='absolute'; if(typeof(TJPstage.style.filter) != typeof(nosuchthing)) { //hi IE if(navigator.appVersion.indexOf('Mac') == -1) { //hi Mac IE TJPstage.style.filter='alpha(opacity=0)'; TJPstage.style.backgroundColor='#ffffff'; } } else { //hi decent gentlemen TJPstage.style.backgroundImage='transparent'; } TJPstage.setAttribute('onmousemove','TJPhandlemouse(event,this);'); TJPstage.setAttribute('onmousedown','TJPhandlemouse(event,this);'); TJPstage.setAttribute('onmouseup','TJPhandlemouse(event,this);'); TJPstage.setAttribute('onmouseout','TJPhandlemouse(event,this);'); if(navigator.userAgent.indexOf('MSIE')>-1) { TJPstage.onmousemove = function() {TJPhandlemouse(event,this);} TJPstage.onmousedown = function() {TJPhandlemouse(event,this);} TJPstage.onmouseup = function() {TJPhandlemouse(event,this);} TJPstage.onmouseout = function() {TJPhandlemouse(event,this);} } obj.parentNode.insertBefore(TJPstage,obj); TJPwin=document.createElement("div"); TJPwin.style.width='0px'; TJPwin.style.height='0px'; TJPwin.style.overflow='hidden'; TJPwin.style.position='absolute'; TJPwin.style.display='none'; tw1='<div style="position:absolute;overflow:hidden;margin:'; TJPwin.innerHTML= tw1+TJPshadowthick+'px 0 0 '+TJPshadowthick+'px; background-color:'+TJPbordercolor+'; width:'+(TJPzoomwidth-TJPshadowthick*2)+'px;height:'+(TJPzoomheight-TJPshadowthick*2)+'px"></div>' + tw1+(TJPshadowthick+TJPborderthick)+'px 0 0 '+(TJPshadowthick+TJPborderthick)+'px; width:'+(TJPzoomwidth-TJPshadowthick*2-TJPborderthick*2)+'px;height:'+(TJPzoomheight-TJPshadowthick*2-TJPborderthick*2)+'px;"><img src="'+obj.src+'" style="position:absolute;margin:0;padding:0;border:0; width:'+(TJPzoomamount*parseInt(obj.style.width))+'px;height:'+(TJPzoomamount*parseInt(obj.style.height))+'px;" />'+((obj.src!=highres)?('<img src="'+highres+'" style="position:absolute;margin:0;padding:0;border:0; width:'+(TJPzoomamount*parseInt(obj.style.width))+'px;height:'+(TJPzoomamount*parseInt(obj.style.height))+'px;" onload="if(this.parentNode) {this.parentNode.parentNode.getElementsByTagName(\'div\')[2].style.display=\'none\';}" />'):(''))+'</div>'; if(highres != obj.src) { TJPwin.innerHTML+='<div style="position:absolute; margin:'+(TJPshadowthick+TJPborderthick)+'px 0 0 '+(TJPshadowthick+TJPborderthick)+'px;">'+TJPloading+'</div>'; } if(TJPshadowthick>0) { st1='<span style="position:absolute; display:inline-block; margin: '; st2='filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=\'scale\',src=' st3='filter:alpha(opacity=0);margin:0;padding:0;border:0;"/></span>'; TJPwin.innerHTML+= st1+'0 0 0 0 ; width:'+TJPshadowthick*2+'px; height:'+TJPshadowthick*2+'px;'+st2+'\''+TJPshadow+'nw.png\')"><img src="'+TJPshadow+'nw.png" style="width:'+TJPshadowthick*2+'px; height:'+TJPshadowthick*2+'px;'+st3 + st1+'0 0 0 '+(TJPzoomwidth-TJPshadowthick*2)+'px; width:'+TJPshadowthick*2+'px; height:'+TJPshadowthick*2+'px;'+st2+'\''+TJPshadow+'ne.png\')"><img src="'+TJPshadow+'ne.png" style="width:'+TJPshadowthick*2+'px; height:'+TJPshadowthick*2+'px;'+st3 + st1+''+(TJPzoomheight-TJPshadowthick*2)+'px 0 0 0px; width:'+TJPshadowthick*2+'px; height:'+TJPshadowthick*2+'px;'+st2+'\''+TJPshadow+'sw.png\',sizingMethod=\'scale\')"><img src="'+TJPshadow+'sw.png" style="width:'+TJPshadowthick*2+'px; height:'+TJPshadowthick*2+'px;'+st3 + st1+''+(TJPzoomheight-TJPshadowthick*2)+'px 0 0 '+(TJPzoomwidth-TJPshadowthick*2)+'px; width:'+TJPshadowthick*2+'px; height:'+TJPshadowthick*2+'px;'+st2+'\''+TJPshadow+'se.png\',sizingMethod=\'scale\')"><img src="'+TJPshadow+'se.png" style="width:'+TJPshadowthick*2+'px; height:'+TJPshadowthick*2+'px;'+st3 + st1+'0 0 0 '+(TJPshadowthick*2)+'px; width:'+(TJPzoomwidth-TJPshadowthick*4)+'px; height:'+TJPshadowthick*2+'px;'+st2+'\''+TJPshadow+'n.png\',sizingMethod=\'scale\')"><img src="'+TJPshadow+'n.png" style="width:'+(TJPzoomwidth-TJPshadowthick*4)+'px; height:'+TJPshadowthick*2+'px;'+st3 + st1+''+(TJPshadowthick*2)+'px 0 0 0; width:'+(TJPshadowthick*2)+'px; height:'+(TJPzoomheight-TJPshadowthick*4)+'px;'+st2+'\''+TJPshadow+'w.png\',sizingMethod=\'scale\')"><img src="'+TJPshadow+'w.png" style="width:'+(TJPshadowthick*2)+'px; height:'+(TJPzoomheight-TJPshadowthick*4)+'px;'+st3 + st1+''+(TJPshadowthick*2)+'px 0 0 '+(TJPzoomwidth-TJPshadowthick*2)+'px; width:'+(TJPshadowthick*2)+'px; height:'+(TJPzoomheight-TJPshadowthick*4)+'px;'+st2+'\''+TJPshadow+'e.png\',sizingMethod=\'scale\')"><img src="'+TJPshadow+'e.png" style="width:'+(TJPshadowthick*2)+'px; height:'+(TJPzoomheight-TJPshadowthick*4)+'px;'+st3 + st1+''+(TJPzoomheight-TJPshadowthick*2)+'px 0 0 '+(TJPshadowthick*2)+'px; width:'+(TJPzoomwidth-TJPshadowthick*4)+'px; height:'+TJPshadowthick*2+'px;'+st2+'\''+TJPshadow+'s.png\',sizingMethod=\'scale\')"><img src="'+TJPshadow+'s.png" style="width:'+(TJPzoomwidth-TJPshadowthick*4)+'px; height:'+TJPshadowthick*2+'px;'+st3; } ; //marker - zoomer obj.parentNode.insertBefore(TJPwin,TJPstage); TJPresize(obj); } function TJPresize(obj) { sbr=0; sbl=0; if(TJPzoomwidth-2*TJPborderthick-3*TJPshadowthick < 22) {sbr=1} if(TJPzoomheight-2*TJPborderthick-3*TJPshadowthick < 22) {sbr=1} if(TJPzoomwidth > parseFloat(obj.style.width)) {sbl=1;} if(TJPzoomheight > parseFloat(obj.style.height)) {sbl=1} if(sbr==1 && sbl == 1) { TJPzoomwidth=parseFloat(obj.style.width)/2; TJPzoomheight=parseFloat(obj.style.height)/2; TJPzoomratio=TJPzoomheight/TJPzoomwidth; } if(sbr==1) { if(TJPzoomwidth<TJPzoomheight) { TJPzoomheight=TJPzoomheight/TJPzoomwidth*(22+2*TJPborderthick+3*TJPshadowthick); TJPzoomwidth=22+2*TJPborderthick+3*TJPshadowthick; } else { TJPzoomwidth=TJPzoomwidth/TJPzoomheight*(22+2*TJPborderthick+3*TJPshadowthick); TJPzoomheight=22+2*TJPborderthick+3*TJPshadowthick; } } if(sbl==1) { if(parseFloat(obj.style.width)/parseFloat(obj.style.height) > TJPzoomwidth/TJPzoomheight) { TJPzoomheight=parseFloat(obj.style.height); TJPzoomwidth=TJPzoomheight/TJPzoomratio; } else { TJPzoomwidth=parseFloat(obj.style.width); TJPzoomheight=TJPzoomratio*TJPzoomwidth; } } TJPzoomwidth=Math.floor(TJPzoomwidth/2)*2; TJPzoomheight=Math.floor(TJPzoomheight/2)*2; ww=obj.parentNode.getElementsByTagName('div')[0]; ww.style.width=TJPzoomwidth+'px'; ww.style.height=TJPzoomheight+'px'; w=ww.getElementsByTagName('div')[0]; w.style.width=TJPzoomwidth-TJPshadowthick*2+'px'; w.style.height=TJPzoomheight-TJPshadowthick*2+'px'; w=ww.getElementsByTagName('div')[1]; w.style.width=TJPzoomwidth-TJPshadowthick*2-TJPborderthick*2+'px'; w.style.height=TJPzoomheight-TJPshadowthick*2-TJPborderthick*2+'px'; if(TJPshadowthick > 0) { w=ww.getElementsByTagName('span')[1]; w.style.margin='0 0 0 '+(TJPzoomwidth-TJPshadowthick*2)+'px'; w=ww.getElementsByTagName('span')[2]; w.style.margin=(TJPzoomheight-TJPshadowthick*2)+'px 0 0 0px'; w=ww.getElementsByTagName('span')[3]; w.style.margin=(TJPzoomheight-TJPshadowthick*2)+'px 0 0 '+(TJPzoomwidth-TJPshadowthick*2)+'px'; w=ww.getElementsByTagName('span')[6]; w.style.margin=(TJPshadowthick*2)+'px 0 0 '+(TJPzoomwidth-TJPshadowthick*2)+'px'; w=ww.getElementsByTagName('span')[7]; w.style.margin=(TJPzoomheight-TJPshadowthick*2)+'px 0 0 '+(TJPshadowthick*2)+'px'; www=(TJPzoomwidth-TJPshadowthick*4)+'px'; w=ww.getElementsByTagName('span')[4]; w.style.width=www; w=w.getElementsByTagName('img')[0]; w.style.width=www; w=ww.getElementsByTagName('span')[7]; w.style.width=www; w=w.getElementsByTagName('img')[0]; w.style.width=www; www=(TJPzoomheight-TJPshadowthick*4)+'px'; w=ww.getElementsByTagName('span')[5]; w.style.height=www; w=w.getElementsByTagName('img')[0]; w.style.height=www; w=ww.getElementsByTagName('span')[6]; w.style.height=www; w=w.getElementsByTagName('img')[0]; w.style.height=www; } } function TJPfindposy(obj) { var curtop = 0; if(!obj) {return 0;} if (obj.offsetParent) { while (obj.offsetParent) { curtop += obj.offsetTop obj = obj.offsetParent; } } else if (obj.y) { curtop += obj.y; } return curtop; } function TJPfindposx(obj) { var curleft = 0; if(!obj) {return 0;} if (obj && obj.offsetParent) { while (obj.offsetParent) { curleft += obj.offsetLeft obj = obj.offsetParent; } } else if (obj.x) { curleft += obj.x; } return curleft; } function TJPhandlemouse(evt,obj) { var evt = evt?evt:window.event?window.event:null; if(!evt) { return false; } if(evt.pageX) { nowx=evt.pageX-TJPfindposx(obj)-TJPadjustx; nowy=evt.pageY-TJPfindposy(obj)-TJPadjusty; } else { if(document.documentElement && document.documentElement.scrollTop) { nowx=evt.clientX+document.documentElement.scrollLeft-TJPfindposx(obj)-TJPadjustx; nowy=evt.clientY+document.documentElement.scrollTop-TJPfindposy(obj)-TJPadjusty; } else { nowx=evt.x+document.body.scrollLeft-TJPfindposx(obj)-TJPadjustx; nowy=evt.y+document.body.scrollTop-TJPfindposy(obj)-TJPadjusty; } } if(evt.type == 'mousemove') { TJPsetwin(obj,nowx,nowy); } else if(evt.type == 'mousedown') { TJPmouse=1; //left: 1, middle: 2, right: 3 TJPmousey=nowy; TJPmousex=nowx; } else if(evt.type =='mouseup') { TJPmouse=0; } else if(evt.type =='mouseout') { TJPmouse=0; if(navigator.appVersion.indexOf('Mac') == -1 || navigator.appVersion.indexOf('MSIE') == -1) { //hi Mac IE x=obj.parentNode; x.removeChild(x.getElementsByTagName('div')[0]); x.removeChild(x.getElementsByTagName('div')[0]); } } } // TJPzoom 3 * János Pál Tóth // Docs @ http://valid.tjp.hu/tjpzoom/ // News @ http://tjpzoom.blogspot.com/ function TJPsetwin(obj,nowx,nowy) { obj.parentNode.getElementsByTagName('div')[0].style.display='block'; if(TJPzoomoffset=='smart') { TJPzoomoffsetx=.1+.8*nowx/parseFloat(obj.style.width); TJPzoomoffsety=.1+.8*nowy/parseFloat(obj.style.height); } stage=obj.parentNode.getElementsByTagName('div')[0]; if(TJPmouse == 1) { if(Math.abs(nowy-TJPmousey) >= 1) { TJPzoomamount*=((nowy>TJPmousey)?(0.909):(1.1)); TJPmousey=nowy; if(TJPzoomamount < TJPzoomamountmin) {TJPzoomamount=TJPzoomamountmin;} if(TJPzoomamount > TJPzoomamountmax) {TJPzoomamount=TJPzoomamountmax;} stage.getElementsByTagName('div')[1].getElementsByTagName('img')[0].style.width= parseInt(obj.style.width)*TJPzoomamount+'px'; stage.getElementsByTagName('div')[1].getElementsByTagName('img')[0].style.height= parseInt(obj.style.height)*TJPzoomamount+'px'; if(stage.getElementsByTagName('div')[1].getElementsByTagName('img')[1]) { stage.getElementsByTagName('div')[1].getElementsByTagName('img')[1].style.width= stage.getElementsByTagName('div')[1].getElementsByTagName('img')[0].style.width; stage.getElementsByTagName('div')[1].getElementsByTagName('img')[1].style.height= stage.getElementsByTagName('div')[1].getElementsByTagName('img')[0].style.height; } } if(Math.abs(nowx-TJPmousex) >= 12 && TJPzoomwindowlock==0) { TJPzoomwidth*=((nowx>TJPmousex)?(1.1):(0.909)); TJPzoomheight=TJPzoomwidth*TJPzoomratio; TJPresize(obj); TJPmousex=nowx; } } stage.style.marginLeft=nowx-(TJPzoomwidth -2*TJPborderthick-2*TJPshadowthick)*TJPzoomoffsetx-TJPborderthick-TJPshadowthick+'px'; stage.style.marginTop= nowy-(TJPzoomheight-2*TJPborderthick-2*TJPshadowthick)*TJPzoomoffsety-TJPborderthick-TJPshadowthick+'px'; clip1=0; clip2=TJPzoomwidth; clip3=TJPzoomheight; clip4=0; nwidth=TJPzoomwidth; nheight=TJPzoomheight; tmp=(1-2*TJPzoomoffsetx)*(TJPborderthick+TJPshadowthick); if(nowx-TJPzoomwidth*TJPzoomoffsetx < tmp) { clip4=TJPzoomwidth*TJPzoomoffsetx-nowx + tmp; } else if(parseFloat(nowx-TJPzoomwidth*TJPzoomoffsetx+TJPzoomwidth) > parseFloat(obj.style.width)+tmp) { clip2= TJPzoomwidth*TJPzoomoffsetx - nowx + parseFloat(obj.style.width)+tmp; nwidth=TJPzoomwidth*TJPzoomoffsetx-nowx+parseInt(obj.style.width)+TJPborderthick+TJPshadowthick; } tmp=(1-2*TJPzoomoffsety)*(TJPborderthick+TJPshadowthick); if(nowy-TJPzoomheight*TJPzoomoffsety < tmp) { clip1=TJPzoomheight*TJPzoomoffsety-nowy+tmp; } else if(parseFloat(nowy-TJPzoomheight*TJPzoomoffsety+TJPzoomheight) > parseFloat(obj.style.height)+tmp) { clip3= TJPzoomheight*TJPzoomoffsety - nowy + parseFloat(obj.style.height)+tmp; nheight=TJPzoomheight*TJPzoomoffsety - nowy + parseFloat(obj.style.height)+TJPborderthick+TJPshadowthick; } stage.style.width=nwidth+'px'; stage.style.height=nheight+'px'; stage.style.clip='rect('+clip1+'px,'+clip2+'px,'+clip3+'px,'+clip4+'px)'; if(nowy-TJPzoomoffsety*(TJPzoomheight-2*TJPborderthick-2*TJPshadowthick) < 0) { t=-(nowy-TJPzoomoffsety*(TJPzoomheight-2*TJPborderthick-2*TJPshadowthick))} else if(nowy-TJPzoomoffsety*(TJPzoomheight-2*TJPborderthick-2*TJPshadowthick) > parseFloat(obj.style.height)-TJPzoomheight+TJPborderthick*2+TJPshadowthick*2) { t=-TJPzoomamount*parseFloat(obj.style.height)+TJPzoomheight-TJPborderthick*2-TJPshadowthick*2-((nowy-TJPzoomoffsety*(TJPzoomheight-2*TJPborderthick-2*TJPshadowthick))-(parseFloat(obj.style.height)-TJPzoomheight+TJPborderthick*2+TJPshadowthick*2)); } else { t=(-TJPzoomamount*parseFloat(obj.style.height)+TJPzoomheight-TJPborderthick*2-TJPshadowthick*2)/(parseFloat(obj.style.height)-TJPzoomheight+TJPborderthick*2+TJPshadowthick*2)*(nowy-TJPzoomoffsety*(TJPzoomheight-2*TJPborderthick-2*TJPshadowthick)) } stage.getElementsByTagName('div')[1].getElementsByTagName('img')[0].style.marginTop=t+'px'; if(stage.getElementsByTagName('div')[1].getElementsByTagName('img')[1]) { stage.getElementsByTagName('div')[1].getElementsByTagName('img')[1].style.marginTop=t+'px'; } if(nowx-TJPzoomoffsetx*(TJPzoomwidth-2*TJPborderthick-2*TJPshadowthick) < 0) { t=-(nowx-TJPzoomoffsetx*(TJPzoomwidth-2*TJPborderthick-2*TJPshadowthick))} else if(nowx-TJPzoomoffsetx*(TJPzoomwidth-2*TJPborderthick-2*TJPshadowthick) > parseFloat(obj.style.width)-TJPzoomwidth+TJPborderthick*2+TJPshadowthick*2) { t=-TJPzoomamount*parseFloat(obj.style.width)+TJPzoomwidth-TJPborderthick*2-TJPshadowthick*2-((nowx-TJPzoomoffsetx*(TJPzoomwidth-2*TJPborderthick-2*TJPshadowthick))-(parseFloat(obj.style.width)-TJPzoomwidth+TJPborderthick*2+TJPshadowthick*2)); } else { t=(-TJPzoomamount*parseFloat(obj.style.width)+TJPzoomwidth-TJPborderthick*2-TJPshadowthick*2)/(parseFloat(obj.style.width)-TJPzoomwidth+TJPborderthick*2+TJPshadowthick*2)*(nowx-TJPzoomoffsetx*(TJPzoomwidth-2*TJPborderthick-2*TJPshadowthick)) } stage.getElementsByTagName('div')[1].getElementsByTagName('img')[0].style.marginLeft=t+'px'; if(stage.getElementsByTagName('div')[1].getElementsByTagName('img')[1]) { stage.getElementsByTagName('div')[1].getElementsByTagName('img')[1].style.marginLeft=t+'px'; } } function TJPinit() { TJPadjustx=0; TJPadjusty=0; if(navigator.userAgent.indexOf('MSIE')>-1) {TJPadjustx=2;TJPadjusty=2;} if(navigator.userAgent.indexOf('Opera')>-1) {TJPadjustx=0; TJPadjusty=0;} if(navigator.userAgent.indexOf('Safari')>-1) {TJPadjustx=1; TJPadjusty=2;} } // configuration - do not modify the following, instead read the behaviors.html file in the tutorial! var TJPon=new Array(); var TJPadjustx,TJPadjusty; var TJPmouse=0; var TJPmousey; var TJPmousex; var TJPloading='<div style="background-color: #ffeb77; color: #333333; padding:2px; font-family: verdana,arial,helvetica; font-size: 10px;">Loading...</div>'; var TJPzoomwidth=160; var TJPzoomheight=120; var TJPzoomratio; var TJPzoomwindowlock=0; var TJPzoomoffsetx=.5; var TJPzoomoffsety=.5; var TJPzoomoffset; var TJPzoomamount=4; var TJPzoomamountmax=12; var TJPzoomamountmin=1; var TJPborderthick=2; var TJPbordercolor='#888888'; var TJPshadowthick=8; var TJPshadow='dropshadow/'; TJPinit(); // TJPzoom 3 * János Pál Tóth // Docs @ http://valid.tjp.hu/tjpzoom/ // News @ http://tjpzoom.blogspot.com/
Es gibt auch noch ein Script für Vergrößerungsgröße und so... aber das ist glaub ich eher unwichtig:Code
Alles anzeigen// TJPzoom 3 configuration file * János Pál Tóth // 2007.04.28 // Docs @ http://valid.tjp.hu/tjpzoom/ // News @ http://tjpzoom.blogspot.com/ // DEFAULT // a bit of a border (2px) // and a bit of a drop shadow var TJPzoomwidth=240; //zoom window size var TJPzoomheight=240; var TJPzoomwindowlock=1; //set to 1 to lock window size var TJPzoomoffsetx=.5; var TJPzoomoffsety=.5; var TJPzoomamount=2; var TJPzoomamountmax=2; var TJPzoomamountmin=2; var TJPborderthick=2; //border thickness, SET 0 to no borders var TJPbordercolor='#cccccc'; //border color var TJPshadowthick=8; //shadow image size/2, SET 0 to have no shadows (saves cpu) var TJPshadow='dropshadow/'; // <>: n, ne, e, se, s, sw, w, nw - TJPshadow+'nw.png' // TJPzoom 3 configuration file * János Pál Tóth // Docs @ http://valid.tjp.hu/tjpzoom/ // News @ http://tjpzoom.blogspot.com/
-
Ersteinmal vielen Dank für deine schnelle Antwort.
Ich weiß leider nicht, wie man die Begrenzungen ändern kann? -
Salut!
Ich habe einen Picture Magnifier auf einer Testseite installiert. Weder im IE, noch bei Firefox werden die Bilder fehlerlos vergrößert.
Was kann hier für ursächlich sein?
Hängt es damit zusammen, dass ich meinen gesamten Inhalt in Tabellen eingefügt habe?
Wenn ja, wie muss ich das Script ändern, um ein tadelloses Ergebnis zu erzielen?Liebe Grüße
Roland