[GastForen Programme Web/Internet Adobe Dreamweaver Mousover auf Bild ---> Bild vergrößern

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Web/Internet - Webdesign, eForms
Themen
Beiträge
Moderatoren
Letzter Beitrag

Mousover auf Bild ---> Bild vergrößern

Feetschi
Beiträge gesamt:

15. Okt 2013, 08:35
Beitrag # 1 von 8
Bewertung:
(4667 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi Leute,

kurze Erklärung:

Ich habe mehrere Menüpunkte, die ca. so aufgeteilt sind ( https://mail-attachment.googleusercontent.com/...wHptdj5_uP1YeXXmU9s)

Wenn ich jetzt mit der Maus über ein Kästchen fahre, dann möchte ich, dass das selbe Bild nochmals erscheint aber vergrößert.

Wie kann ich das ganze am besten lösen?

Danke für eure Hilfe!

lg Feetschi
X

Mousover auf Bild ---> Bild vergrößern

Feetschi
Beiträge gesamt:

15. Okt 2013, 12:35
Beitrag # 2 von 8
Beitrag ID: #518433
Bewertung:
(4630 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
http://www.pharma-freelancer.at/

zb. Button Qualitätsmanagement, da hab ich jetzt ein Mouseover mit einem grauen Bild erstellt, und ich möchte aber gerne, dass das Bild vergrößert dargestellt wird.

Vielleicht hat jemand nun eine Idee?

Danke!

lg Feetschi


als Antwort auf: [#518424]

Mousover auf Bild ---> Bild vergrößern

Intermedia
Beiträge gesamt: 1287

15. Okt 2013, 13:13
Beitrag # 3 von 8
Beitrag ID: #518438
Bewertung:
(4623 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi,

sieh dir mal die Beispiele an, ist bestimmt was dabei:
http://plugins.jquery.com/tag/image/

Gruß Sven


als Antwort auf: [#518433]

Mousover auf Bild ---> Bild vergrößern

Dirk Levy
  
Beiträge gesamt: 9466

15. Okt 2013, 13:20
Beitrag # 4 von 8
Beitrag ID: #518440
Bewertung:
(4615 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Feetschi,

das sind dann alles so Lightbox-Sachen, ich vermute Du möchtest
nur den einen Punkt etwas größer haben.

Wenn es das ist, geht es über eine Imagemap mit Rollover-Anteilen,
oder über Flash oder über eine HTML5-Animation z.B. mit Adobe Edge
oder dem neuen googlewebdesigner....

Oder liege ich falsch....?


als Antwort auf: [#518433]

Mousover auf Bild ---> Bild vergrößern

Feetschi
Beiträge gesamt:

15. Okt 2013, 21:43
Beitrag # 5 von 8
Beitrag ID: #518466
Bewertung:
(4570 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Dirk!

So aufwändig benötige ich das gar nicht. Ich will nur, wenn man mit der Maus darüber fählrt, dass der Button ca. um 110% vergrößert wird, sich sozusagen heraushebt.


als Antwort auf: [#518440]

Mousover auf Bild ---> Bild vergrößern

Dirk Levy
  
Beiträge gesamt: 9466

16. Okt 2013, 08:07
Beitrag # 6 von 8
Beitrag ID: #518475
Bewertung:
(4535 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Feetschi,

tja das hört sich so einfach an - ist es aber nicht.
Du müßtest ja je nach Aufbau Deines Codes für jeden
Button eine unsichtbare Ebene genau an der Position
des Normalzustandes haben, die sich bei Mauskontakt
einblendet und den anderen Button überlagert. Das wird
mit normalem HTML nicht zu lösen sein.

Da wäre eine Flash oder HTML5-Animation die schnellste
und stabilste Lösung nach meiner bescheidenen Meinung.

Evtl. hat ja noch jemand hier eine weitere Idee....


als Antwort auf: [#518466]

Mousover auf Bild ---> Bild vergrößern

Intermedia
Beiträge gesamt: 1287

16. Okt 2013, 12:17
Beitrag # 7 von 8
Beitrag ID: #518498
Bewertung:
(4508 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich könnte mir das mit den Ebenen vorstellen, den z-index nach oben gesetzt und mit css auf display:none setzen.

Bei mouseover den div anzeigen und den angezeigen div bei mouseout wieder ausblenden.

Die Idee mit Flash für so eine "Spielerei" finde ich nicht so gut, mal an mobile Geräte denken.

Gruß Sven


als Antwort auf: [#518475]

Mousover auf Bild ---> Bild vergrößern

Feetschi
Beiträge gesamt:

18. Okt 2013, 09:59
Beitrag # 8 von 8
Beitrag ID: #518587
Bewertung:
(4459 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich hab das ganze jetzt mit Rollover-Effekt gelöst und soweit funktioniert es auch. Also Mouserover Bild wird vergrößert dargestellt.

Nur meine Frage ist jetzt, ob es möglich ist, dass das Mouserover-Bild zentriert größer wird, also sich nichts links oben die Ecke als Punkt nimmt, sondern die Mitte.


als Antwort auf: [#518498]
X

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
18.06.2024

Online
Dienstag, 18. Juni 2024, 10.00 - 10.30 Uhr

Webinar

In diesen beiden kostenlose Webinaren erfahren Sie, wie Sie mit Hilfe von Enfocus Griffin und dem Impressed Workflow Server Ihren LFP-Workflows optimieren können. 18.06.2024: So optimieren Sie Ihre Prozesse mit Enfocus Griffin 02.07.2024: So sparen Sie Zeit und Geld mit Impressed Workflow Server in der LFP-Edition Griffin: Griffin ist das leistungsstarke Kraftpaket für das automatische Nesting im Großformatdruck. Dank eines ausgeklügelten, KI-basierten Nesting-Algorithmus können Sie mit Griffin Vorlagen schnell und effizient vernutzen – und das klappt auch mit unregelmäßigen Formen perfekt. Das spart Ihnen unzählige Stunden, die Sie bisher mit dem manuellen Nesting und Ausschießen verbracht haben. Einige wichtige Funktionen ≡ Anlage von Beschnittzugaben ≡ Automatische Erzeugung der Schnittkontur ≡ Erstellung von Strichcodes, Textmarkierungen und Registrierungen IWS LFP Edition: Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Mit dem IWS LFP Edition automatisieren Sie Ihre Produktion von der Übernahme der Daten aus dem ERP-System bis zur Erzeugung der verschachtelten Druckform und der Übergabe an den RIP. Phoenix Core ist eine hochentwickelte KI-Technologie für die Planung und das Nesting von Druckerzeugnissen. Anders als herkömmliche Ausschießlösungen arbeitet Phoenix nicht auf Basis von Vorlagen, sondern erzeugt entsprechend der Maschinen- und Produktionsanforderungen druckfertige Layouts „on-the-fly“.

kostenlos

Ja

Organisator: Impressed GmbH

https://www.impressed.de/schulung.php?c=sDetail&sid=328

So optimieren Sie Ihren LFP-Workflow
Veranstaltungen
02.07.2024

Online
Dienstag, 02. Juli 2024, 10.00 - 10.30 Uhr

Webinar

In diesen beiden kostenlose Webinaren erfahren Sie, wie Sie mit Hilfe von Enfocus Griffin und dem Impressed Workflow Server Ihren LFP-Workflows optimieren können. 18.06.2024: So optimieren Sie Ihre Prozesse mit Enfocus Griffin 02.07.2024: So sparen Sie Zeit und Geld mit Impressed Workflow Server in der LFP-Edition Griffin: Griffin ist das leistungsstarke Kraftpaket für das automatische Nesting im Großformatdruck. Dank eines ausgeklügelten, KI-basierten Nesting-Algorithmus können Sie mit Griffin Vorlagen schnell und effizient vernutzen – und das klappt auch mit unregelmäßigen Formen perfekt. Das spart Ihnen unzählige Stunden, die Sie bisher mit dem manuellen Nesting und Ausschießen verbracht haben. Einige wichtige Funktionen ≡ Anlage von Beschnittzugaben ≡ Automatische Erzeugung der Schnittkontur ≡ Erstellung von Strichcodes, Textmarkierungen und Registrierungen IWS LFP Edition: Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Mit dem IWS LFP Edition automatisieren Sie Ihre Produktion von der Übernahme der Daten aus dem ERP-System bis zur Erzeugung der verschachtelten Druckform und der Übergabe an den RIP. Phoenix Core ist eine hochentwickelte KI-Technologie für die Planung und das Nesting von Druckerzeugnissen. Anders als herkömmliche Ausschießlösungen arbeitet Phoenix nicht auf Basis von Vorlagen, sondern erzeugt entsprechend der Maschinen- und Produktionsanforderungen druckfertige Layouts „on-the-fly“.

kostenlos

Ja

Organisator: Impressed GmbH

Kontaktinformation: E-Mailschulungen AT impressed DOT de

https://www.impressed.de/schulung.php?c=sDetail&sid=328

So optimieren Sie Ihren LFP-Workflow