mouseover bild ccs und jquery-problem

[paby]

hallo ihr lieben,
seit langem mal wieder online (nicht, dass ich euch nicht mehr mag - persönliche umstände und so...)

die seite an der ich momentan arbeite (jaa - ich nutze immernoch nof - also kein gemäkel am quelltext bitte ) macht mir zwei kleine probleme, bei denen ich auf eure hilfe hoffe..

1.
http://www.paby.de/kunde21/html/projektarchiv.html
hier werden einzelne bilder per mouseover ausgetauscht (die rote 4 - siehe bild1)
die bilder haben eine class für den weißen rahmen - bei mouseover sollen die aber keinen rahmen haben (oder von mir aus einen roten, damit man es nicht sieht)

<a href="./s_moderner_bau_hanglage.html" 
onmouseover="vier.src='../assets/images/vier01.jpg';"
onmouseout="vier.src='../11a1.jpg'";"
class="thumb1-aktiv"
></a>

hätte da jemand eine idee?

2.
http://www.paby.de/kunde21/architekt...bauhausst.html
hier nutze ich ein nettes kleines jquery, dass wahlweise über die vor/zurück-links genutzt werden kann oder aber auch mit nem klick in den divbereich
jetzt will ich die bilder zusätzlich mit einer lytebox bestücken - das geht auch - aber leider wird bei dem klick wenn die lytebox sich öffnet auch das nächste div gezeigt - das will ich nicht

es soll also nur per vor/zurück gesteuert werden - ich hab schon mal zaghaft in der js gestöbert - aber puhh - wo man das ausstellt, ich hab keine idee...

vielleicht sieht ja einer auf anhieb den nötigen schnipsel

dickes danke - paby

[wildmieze]

Hmm .. warum tauscht Du überhaupt per Javascript aus? Da Du ja über das Element hoverst, das getauscht werden soll, müsste das doch auch per CSS gehen .. aber ist ja nicht so wichtig^^

Den Rahmen könntest Du evtl. auch mit CSS wegkriegen .. bzw rot färben, damit sich die bildgröße nicht ändern .. ungefähr so, hab die genaue schreibweise gerade nicht im kopf:

a:hover img {border:2px solid red;}

.. du brauchst dann allerding ne eigene Klasse, wenn es nicht jedes Bild betreffen soll ..

.. wenns auf die Art gar nicht geht, klappts vielleicht direkt im mouseover-Bereich:

onmouseover="vier.src='../assets/images/vier01.jpg';vier.style.borderColor='red';"

[paby]

och - reines css würde ich ja gerne machen - aber irgendwie krieg ich es nicht richtig hin

ich habs jetzt mal mit deinem 2. lösungsvorschlag - das klappt gut

dickes danke an dich...

wenn jetzt noch jemand ne idee zum jquery hat - nur her damit

have fun - paby

[phpBuddy]

Moin,

wie wildmieze schon sagte, wäre hier CSS die bessere beste Lösung.
Falls es aber JS sein muss, wieso greifst Du dann nicht direkt auf jQuery zurück, wenn das doch eh auf der Seite eingebunden werden soll? Wenn Du jede Grafik mit einer eigenen onmouseover/out Zeilen versehen willst hast Du einen aufgeblähten Quelltext bis zum Gehtnichtmehr. Mit jQuery ist das eine Sache von wenigen Zeilen.

EDIT

Kenne das Plug-in nicht und habe es nicht probiert, aber schau mal auf dieser Seite nach clickable. Könnte sein das es das ist, nach was Du suchst.

[paby]

hach!!!! du bist mein gott...
ich habs - drittes cklickable auf false gestellt - schnauf - zumindest ist es jetzt nicht mehr klickbar - wie krieg ich jetzt noch die olle hand weg? (dann wäre ich restlos glücklich)

edit
es heißt wohl hoverClass - dort ist jetzt null eingetragen - hmm öhh - ich spiel mal noch etwas


mouseover
ich hab ja auch nach nem tut gesucht - für css finde ich nicht das richtige - zumeist tutorials für austausch von hintergrundbildern - was in diesem fall ein problem ist, da die seite später in nof vom architekten selber bearbeitet wird - und daher kann ich keinen reinen quelltext reinsetzen

have fun - paby

[paby]

räusper - ich bin soo doof...
klar wird da ein pointer angezeigt, wenn ich in der css einen pointer eingetragen hab

da kann ich mich in der js-datei dumm und dämlich suchen

danke danke danke an buddylein - bin glücklich

have fun - paby