imageSwap Bildgrösse

[seven07]

Hi ihr alle.

ich hab ein riesen problem mit nem bildaustausch effekt und hab mir schon die finger kaputt gesucht.
es geht um folgendes:
ich arbeit mit expression web (ja ich weiß :) ) und möchte ein bild per onclick einen bildaustausch durchführen, was bis jetzt auch funktioniert. mein problem ist aber, dass das ausgetauschte bild größer sein muss wie das originale. um sich das vorzustellen, ich hab da ein symbol und beim klicken soll eine sprechblase mit ner beschreibung erscheinen. ich hab deßhalb eine png grafik mit nur dem symbol, und eine mit dem symbol und der sprechblase gemacht.
wenn ich das jetzt austausche, dann ist die ersetzte grafik genauso groß wie die originale, als viiiieeel zu klein. ich müsste also irgendwo festlegen, wie groß das ausgetauschte bild angezeigt wird.
im quelltext schaut das so aus:

<div id="Ebene2" style="position: absolute; z-index: 42; left: 412px; top: 900px" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'nationalparkspopup.png')">
<img alt="" height="51" src="nationalparks.png" width="50" id="img1" /></div>

hat irgendjemand ne idee dazu?
wäre euch sowas von dankbar :)

greez,
seven

 

[mermshaus]

Willkommen im Forum!

Wenn du es schon auf diese Weise machen willst, wäre die logische Antwort, das Ursprungsbild auch bereits auf die Größe des Bildes samt Sprechblase zu vergrößern.

 

[seven07]

hi mermshaus und danke für das willkommen und die antwort :)
das dumme ist nur bei der variante, dass sich ja dadurch das symbol verkleinert. mach ich wiederrum das symbol gleich groß aber ein png das an der stelle wo die sprechblase hinkommen soll ne transparenz, hab ich das problem dass der "klickbare" bereich viel zu groß ist...
du siehst also...irgendwie ist das nicht einfach :)

 

[mermshaus]

Stimmt, das hatte ich nicht bedacht... :) Die andere einfach umzusetzende Idee, die ich gestern hatte: Was passiert, wenn du width und height beim Bild nicht setzt?

 

[seven07]

wow das ging ja fix!
sehr guter einwand, habs soeben ausprobiert...leider ohne erfolg :(
ich sags dir...das macht mich langsam wahnsinnig! ist es denn so unüblich was ich hier machen will? kann mir das irgendwie ned vorstellen. wie haben die das denn bei google maps gelöst? so ein effekt sollte das nämlich sein. also du hast eine verortung, bei google diese roten buttons mit buchstaben, und wenn du drauf klickst, kommt ne info dazu...
es is zum heulen!
hast du noch nen trick?
danke dir schonmal!!!

 

[mermshaus]

Alle anderen Ansätze vertragen sich sicherlich nicht besonders gut mit deinem WYSIWYG-Editor. Was du erstellen möchtest, ist wohl einfach ein Tooltip. Dazu gibt es haufenweise fertige JavaScript-Funktionen. Such mal im Web nach "javascript tooltip", vielleicht kommst du damit weiter. An den Code wirst du allerdings von Hand ranmüssen. -- Dafür brauchst du keine zwei verschiedenen Bilder mehr, um den Tooltip zu realisieren.

 

[seven07]

Da bin ich wieder.
Mann mann, danke für den Tip. ich such jetzt schon ewig nach nem tooltip das funktioniert. Ich hatte schon eins, das hat dann aber wieder mal im f*** ie nicht funktioniert.
Somit werd ich mich weiter auf die Odyssee begeben....
ich meld mich wenn ich was gefunden hab!

Vielen vielen Dank aber Dir schon mal!

 

[struppi]

ich such jetzt schon ewig nach nem tooltip das funktioniert. Ich hatte schon eins, das hat dann aber wieder mal im f*** ie nicht funktioniert.

Das erste was ich mit google finde, ist eines was in allen Browser seit der 4'er Generation funktioniert. Das solltest du vielleicht auch nehmen?

 

[seven07]

merci für den tip struppi, aber das ganze soll natürlich auch nach was aussehen. überdies brauch ich ne funktion die das ganze wieder schliessen lässt...das ist nicht so einfach zu finden...

 

[struppi]

merci für den tip struppi, aber das ganze soll natürlich auch nach was aussehen. überdies brauch ich ne funktion die das ganze wieder schliessen lässt...das ist nicht so einfach zu finden...

Naja, das aussehen bestimmst du ja normalerweise über das CSS und schliessen tun alle Tooltipps sich automatisch.

 

[seven07]

naja so ganz wahr ist das mit dem schließen nicht. es gibt einige die auf klick erscheinen, und mit dem klassischen "x" wieder zu schliessen sind, und genau sowas brauch ich, weil ich in das tooltip auch links mitreinbringen muss. also das tooltip soll bei mir eben nicht beim mouseover erscheinen, sondern auf click.
ich hätte ja hier was perfektes gefunden: HelpBalloon.js 2.0 Examples
aber ich hab leider null ahnung wie ich das einbinden soll :( :( :(

 

[struppi]

Das lesen und verstehen können wir dir nicht abnehmen, das musst du selber machen, wir können dir nur helfen, wenn du was falsch machst. Dazu müssen wir aber Wissen was.

 

[seven07]

Es geht einfach darum dass ich nicht weiß was ich mit den dort angegebenen Infos machen soll. Bei anderen Beispielen die ich gelanden hatte, war ne index mitdrin, mit der ich arbeiten konnte. bei dem oben genannten hab ich das halt nicht, das ist mein problem. Verstehst du denn, wie man da vorgehen sollte?

 

[struppi]

steht alles hier BeauScott.com

 

[seven07]

geile antwort alter...wahnsinn, genau wegen moderatoren wie dir meide ich solche foren. wenn du mit deinem unglaublichen wissen nicht rausrücken willst, dann lass doch bitte deine unqualifizierten beiträge stecken...

 

[struppi]

geile antwort alter...wahnsinn, genau wegen moderatoren wie dir meide ich solche foren. wenn du mit deinem unglaublichen wissen nicht rausrücken willst, dann lass doch bitte deine unqualifizierten beiträge stecken...

Was soll das denn jetzt? Ich bin weder Moderator noch kann ich dir die Arbeit abnehmen zu lesen.

Aber genau wegen solch dämlicher Fragen bin ich gerne in Foren :-)

Anstatt den Leuten, die helfen wollen zu helfen, wird nur gejammert und gemeckert. Könntest du stattdessen auch mal etwas Konstruktives schreiben? Zum Beispiel was du versucht hast, was du nicht verstehst oder irgendetwas woran wir erkennen können WIE wir dir helfen sollen?

EDIT: übrigens hast du den Link überhaupt angeklickt??? Dort wird genau beschrieben was du tun musst um das Skript einzubinden, mehr könnte ich dir auch nicht sagen - Was erwartest du also von einem Forum????

 

[seven07]

sorry struppi, aber ich versuch heute schon seit 6 stunden ergebnislos das hinzubekommen. den link hab ich natürlich angeklickt und die seite auch schon sicher 5 mal durchgelesen, hab aber keine ahnung wie ich das in meine htm einbinden soll. frag mich außerdem wie du sehen willst ob ich den geklickt hab???
wie gesagt, bei anderen beispieldateien war in dem downloadbaren zip ne htm seite die ich dann editieren, und das notwendige rausschneiden konnte. bei dem oben gennanten beispiel ist ja gar nix dergeichen, ausser der script texte.
eine anleitung oder tutorial ist halt auf der seite auch nirgends, somit hab ich als nicht html experte keine ahnung was ich machen soll.
bei alle anderen beispielen hab ich immer wieder verschiedene probleme, einmal gibts keinen "close" button, ein anderes mal lässt sich kein bild ein binden usw...
naja, mal schaun was mir noch einfällt.

danke jedenfalls nochmal.
nix für ungut
seven

 

[struppi]

wie gesagt, bei anderen beispieldateien war in dem downloadbaren zip ne htm seite die ich dann editieren, und das notwendige rausschneiden konnte. bei dem oben gennanten beispiel ist ja gar nix dergeichen,

Hmm? Was ist das http://www.beauscott.com/examples/help_balloons/HelpBalloon.zip (Der Link steht auf der oben von mir gezeigten Seite)

Wie gesagt, um dir konkret zu helfen müßte ich das jetzt auch alles durchlesen runterladen usw. dazu fehlt mir aber heute die Zeit. Wobei ich aber den Eindruck habe die Seite beschreibt ausführlich und gut wie das Skript genutzt wird.

 

[seven07]

juppa da hast du natürlich recht, und die zip hab ich auch geladen, wie erwähnt...aber darin ist eben nicht eine htm enthalten, das ist ja mein problem :( naja vielleicht reichen meine kenntnisse einfach bei weitem nicht um das schöne script zu verwenden. darin ist nur ne index php die nur das hier enthält:
<?php
header('Location: doc/examples.php');
?>
und an dieser stelle ist genau das was auf der oben genannten help seite ist...
das bringt mich irgendwie nicht weiter...

 

[struppi]

Ich seh in dem zip Archiv auch einen kompletten Ordener /doc mit vielen Dateien