eerder topic   volgend topic
  
Mooie oplossing voor grotere afbeeldingen bij mouseover?
20 december 2007 - 23:17   
geplaatst door: StoffelXYZ
http://www.eye-catchers.be

Hoi,

Als je op de link klikt zie je welk vraagje ik heb  :wink: .

Kan iemand me vertellen wat de eenvoudigste mooie oplossing hiervoor is?

Alvast bedankt,

Stoffel

Mooie oplossing voor grotere afbeeldingen bij mouseover?
21 december 2007 - 04:15    reactie #1
geplaatst door: Franky2002
Als je met GoLive werkt moet je zeker deze link bekijken.
Mooie oplossing voor grotere afbeeldingen bij mouseover?
21 december 2007 - 07:26    reactie #2
geplaatst door: eljonco

Citaat
StoffelXYZ om 23:17, 20-12-2007
http://www.eye-catchers.be

Kan iemand me vertellen wat de eenvoudigste mooie oplossing hiervoor is?

'mooi' als in css en standaard xhtml, goedgekeurd door w3:

http://randsco.com/index.php/2005/01/31/css_photo_caption_zoom

Mooie oplossing voor grotere afbeeldingen bij mouseover?
21 december 2007 - 09:30    reactie #3
geplaatst door: StoffelXYZ
Ik gebruik Dreamweaver CS3.


Als er iemand misschien kort kan zeggen hoe ik in Dreamweaver een afbeelding op een willekeurige plaats kan plaatsen ... ?  Dus niet dmv uitlijnen want dan heb je niet de vrije keuze over de exacte plaats.


Alvast bedankt voor de reacties!  Ik ga het eens bekijken.

(Bewerkt door StoffelXYZ om 9:34, 21-12-2007)

Mooie oplossing voor grotere afbeeldingen bij mouseover?
21 december 2007 - 10:50    reactie #4
geplaatst door: mvdg
Volgens mij kun je daarvoor veel beter een mooie Flash animatie maken.
Dan kun je van alles laten schalen, bewegen, langzaam op laten komen enzovoort.
Mitch Design : websites en interactieve toepassingen : http://www.mitchdesign.nl
Mooie oplossing voor grotere afbeeldingen bij mouseover?
21 december 2007 - 13:21    reactie #5
geplaatst door: Fix
Flash inderdaad.
Mocht je dat niet kunnen (wat ik denk, omdat je daar anders zelf wel was opgekomen) is om het document eerst in Photoshop op te maken. Inclusief de grotere afbeeldingen in aparte lagen.
Vervolgens maak je slices (slice-tool) van je verschillende buttons.
Vervolgens bewerk je hem in ImageReady (zit in photoshop zelfs een speciale knop bij je tools)
Alle instellingen/lagen/slices blijven behouden.
In ImageReady kun je van een slice een button maken en er een mouse-over aangeven. (even googlen hoe ook alweer precies)
Deze mouse-over kan bijvoorbeeld ook inhouden dat er compleet andere lagen verschijnen. (die met jouw grotere afbeelding bijv  :wink: ) Vat je'm?
Deze aangepaste lagen in je mouseover kunnen dus ook over andere lagen/buttons vallen.
Je hebt dus heel veel vrijheid.
ImageReady kan vervolgens je complete pagina publiceren; maakt automatisch .html en .jpg's aan.

ps. die oplossing van eljonco ziet er ook wel gelikt uit.

(Bewerkt door Fix om 13:26, 21-12-2007)

Mooie oplossing voor grotere afbeeldingen bij mouseover?
21 december 2007 - 13:40    reactie #6
geplaatst door: MacMiep
Interessant onderwerp. Zit er zelf ook al een tijdje over te denken voor de MMMCursus. Maar dan zou ik willen dat het grote plaatje pas geladen wordt wanneer op de thumbnail geklikt wordt.


grtz,
MM

Al meer dan 20 jaar beheert Miep de MacMiepMacCursus op macmiep.nl & op macostutorial.com in het Engels èn Duits!
Mooie oplossing voor grotere afbeeldingen bij mouseover?
21 december 2007 - 13:59    reactie #7
geplaatst door: Plexyglazz
CSS!

Het vergt wat moeite en inzicht in de combinatie (X)HTML/PHP en CSS, maar het
is zeer goed te doen, met als voordeel dat je alleen maar de plaatjes op de juiste
grootte hoeft te maken en niet met lastige en lelijke ImageReady tabellenrommel
hoeft te gaan knippen & plakken!

Nadeel hiervan is, dat de code nog steeds vrij omvangrijk wordt, omdat je - voor
elke afbeelding waarbij je dit wilt doen - een laag moet aanmaken, positioneren
en aangeven welke afbeelding bij een MouseOver (:hover in CSS) waar moet verschijnen.

Voordeel hiervan: als je een afbeelding wilt wijzigen, dan kan dit door éénvoudig
de afbeeldingen te uploaden met dezelfde naam als de afbeeldingen die ze moeten
vervangen, waarna je geen code meer hoeft aan te raken ...

Bastiaan

Mooie oplossing voor grotere afbeeldingen bij mouseover?
21 december 2007 - 21:03    reactie #8
geplaatst door: Francicus
zit er niet iets in DW wat spry heet of zo? zit even niet op mijn werk mac dus kan even niet kijken, had er iets over gelezen....
Mooie oplossing voor grotere afbeeldingen bij mouseover?
21 december 2007 - 21:31    reactie #9
geplaatst door: Plexyglazz
Spy's zijn inderdaad mooi, heb hiervan laatst een demo gezien van Adobe.
Of dit daarmee te doen is, dat weet ik niet. Er kan veel mee, maar naar wat
ik heb gezien is er voor dit soort oplossingen de nodige kennis van JAVA en
XML nodig (AJAX).

Zelf gebruik ik Coda in plaats van DW. Dus het 'hoe en wat' van het toepassen
van Spry's ben ik niet (nog) helemaal bekend mee.

Het is wellicht handig als je even aangeeft wat voor programma's je tot je
beschikking hebt en in welk programma je voorkeur heeft om mee te werken.

Overigens een waarschuwing (die voor vrijwel alle technieken geldt):
Test uitvoerig in andere browsers dan je 'eigen' browser!
Met name als er aan items borders en margins worden meegegeven, dan
kunnen er in andere browsers - met name Internet Exlorer (voor Windows) -
de nodige dingen misgaan! DW of andere programma's vangen deze 'quirks'
niet altijd even goed op, met af en toe zeer vervelende resultaten.

(Bewerkt door Plexyglazz om 21:32, 21-12-2007)

  
eerder topic   volgend topic