Bildaustausch in Mobirise?

Allgemeine Fragen
MoP_GuRu
Mitglied (Level 1)
Mitglied (Level 1)
Beiträge: 9
Registriert: Mi 13. Jan 2021, 15:56

Bildaustausch in Mobirise?

Ungelesener Beitrag von MoP_GuRu »

Hallo, hier bin ich wieder mal.
Diesmal versuche ich in Mobirise (5.6.11 - Theme Name: Mobirise 5) einen ganz einfachen Bilderaustausch zu realisieren. Wenn man z.B. mit der Maus über ein Bild (Portrait) fährt, das Bild ausgetauscht wird und das Originalbild wieder hergestellt wird, wenn der Mauszeiger das Bild wieder verlässt. (siehe Anhang)- konnte leider kein entsprechendes Template dazu finden. Auch habe ich kein entsprechendes Skript (mit Einbauanleitung) gefunden, welches ich mit dem "Code-Editor" einbauen könnte.
Würde mich freuen wenn ich hier einen Lösungsvorschlag erhalten würde.
Liebe Grüsse
Marc
Dateianhänge
Hoverfotos
Hoverfotos
normale Fotos
normale Fotos
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Bildaustausch in Mobirise?

Ungelesener Beitrag von Tommy Herrmann »

Moin,

Mobirise hat so eine Galerie auch nicht im Angebot (dort wird automatisch immer das kleine Bild ("Thumbnail") vergrößert, da müsstest Du etwas Eigenes basteln.

Sicherlich wäre die Verwendung der uralten "Visual Lightbox" recht einfach, übrigens auch ein Produkt von Mobirise, das es damals noch gar nicht zur Erstellung von Webseiten gab.

Hier habe ich das in Mobirise eingebaut. Man kann dort bei Klick auf ein kleines Bild auch ein anderes Bild in der Vergrößerung zeigen:

https://www.mobirise-tutorials.com/Busi ... htbox.html

... oder vielleicht auch ganz einfach mit "mouseover", hier noch auf einer alten Tutorial-Seite von mir zur Software "NetObjects Fusion", das geht aber ebenso in Mobirise:

http://www.nof-tutorials.com/onMouseover-Bild/

Da wechselt man mit dem HTML-Event "onmouseover" / "onmouseout" einfach die Bilder bei Mausüber. Beispiel:

Code: Alles auswählen

<img onmouseover="(src='./Bild-Gross.jpg')" onmouseout="(src='./Bild-Klein.jpg')" src="./Bild-Klein.jpg" alt="Bildbeschreibung" title="Bildtitel" border="0">
MoP_GuRu
Mitglied (Level 1)
Mitglied (Level 1)
Beiträge: 9
Registriert: Mi 13. Jan 2021, 15:56

Re: Bildaustausch in Mobirise?

Ungelesener Beitrag von MoP_GuRu »

Vielen Dank, werde gelegentlich mal versuchen, ob ich das hinkriege (obschon ich eigenlich kein "html" verstehe) :(
Liebe Grüsse
Marc
MoP_GuRu
Mitglied (Level 1)
Mitglied (Level 1)
Beiträge: 9
Registriert: Mi 13. Jan 2021, 15:56

Re: Bildaustausch in Mobirise?

Ungelesener Beitrag von MoP_GuRu »

Hallo da bin ich wieder...
Also, habe versucht den "html-Code" in Mobirise mit einem "selbstgestrickten" Code anzupassen. Nach längerem Pröbeln funktionierte der "Mouseover-Bildaustausch" (in Mobirise) dann auch wirklich- und grosse Freude kam auf. Leider verging diese dann schnell wieder, als die Site dann in der Webvorschau nicht mehr funktionierte.
Ich glaub ich lass es bei der normalen Bildbetrachtung...
Gruss Marc
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Bildaustausch in Mobirise?

Ungelesener Beitrag von Tommy Herrmann »

Hallo Marc,

ich bin mir jetzt nicht ganz sicher, ob Du überhaupt noch Hilfe benötigst oder ob das Problem zunächst erledigt ist.

Es nutzt immer ziemlich wenig, solche Beschreibung abzugeben, denn damit kann man absolut fast gar nichts anfangen. Am besten wäre ein Link zu der betroffenen Seite im Netz, sodass man in den Quellcode gucken kann. Dann findet man meist sehr schnell die Probleme.

... und/oder auch den Code, den Du verwendest hast, hier posten.

Was meinst Du mit "Webvorschau"?

Meinst Du die Vorschau-Option innerhalb von Mobirise? Am Auge "Vorschau im Browser":


Vorschau.jpg



Ich kann immer nur abraten diese zu verwenden, bitte immer anstelle dessen lokal publizieren.

Im Prinzip ist aber sicherlich eine "Lightbox" zur vergrößerten Darstellung der Bilder das Richtigere (nicht Mausüber).
MoP_GuRu
Mitglied (Level 1)
Mitglied (Level 1)
Beiträge: 9
Registriert: Mi 13. Jan 2021, 15:56

Re: Bildaustausch in Mobirise?

Ungelesener Beitrag von MoP_GuRu »

Lieber Thommy
Sorry für meinen "rudimentären Beitrag"- hatte vielleicht bereits etwas resigniert- das Thema ist aber dennoch nicht "abgehakt". Als "html-unerfahrener" muss ich noch erwähnen, dass ich wenig Ahnung habe eine solche Aufgabe anzugehen- geschweige dann noch eine "Lightbox" zu erstellen- bzw. damit umzugehen...
Mit "Webvorschau" meinte ich einerseits tatsächlich die Vorschau-Option innerhalb von Mobirise am Auge "Vorschau im Browser", andererseits aber auch die Ansicht auf meinem Testserver, wie zum Beispiel:
https://www.abcdesign.ch/test/hooverfotos
Wie bereits erwähnt funktioniert der Mouseover-Bildaustausch in Mobirise selbst wunderbar und dann in beiden Ansichten, sowohl mit der Vorschau-Option "Vorschau im Browser", (werde ich künftig nicht mehr anwenden) wie auch hochgeladen auf meinem Testserver, nicht mehr.
Liebe Grüsse
Marc
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Bildaustausch in Mobirise?

Ungelesener Beitrag von Tommy Herrmann »

Du - so kann das ja nicht gehen. Du verweist auf ein Bild lokal ('file') auf Deinem PC:
Falscher Code hat geschrieben:<img src="assets/images/m.shafford-normal-774x581.jpg" onmouseover="this.src='file:///Users/marcwisselaar/Library/Application%20Support/Mobirise.com/Mobirise/projects/project-2022-07-07_104515/assets/images/m.shafford_big-785x589.jpg'" onmouseout="this.src='file:///Users/marcwisselaar/Library/Application%20Support/Mobirise.com/Mobirise/projects/project-2022-07-07_104515/assets/images/m.shafford_normal-800x600.jpg'" alt="M. Shafford">
Lokal geht das, derweil die Bilder offensichtlich lokal auch dort vorhanden sind. Da aber Mobirise von dem "onmouseover" gar nichts "weiß", wird das auch nicht generiert und in einen Weblink umgesetzt.


Du musst die großen Bilder mit einem FTP-Programm (wie z.B. "FileZilla") auf den Server kopieren (egal wohin, z.B. in das Stammverzeichnis in einen Ordner "images", den Du dort anlegen könntest) und dann da die absolute URL eintragen. Also z.B. so:

Code: Alles auswählen

<img src="assets/images/m.shafford-normal-774x581.jpg" 
onmouseover="(src='https://www.abcdesign.ch/images/m.shafford_big-785x589.jpg')" 
onmouseout="(src='assets/images/m.shafford-normal-774x581.jpg')" 
alt="Bildbeschreibung" title="Bildtitel" border="0">
Relative Pfadangaben dürfen in Mobirise nur zu Mobirise bereits bekannten Bildern gesetzt werden, also zu Bildern, die über den Bild-Editor von Mobirise eingefügt wurden. Sonst gibt es einen Fehler sowie eine Fehler-Meldung beim entfernten Publizieren, denn Mobirise vergleicht alle verwendeten Bilder beim Generieren der Seiten und ein händisch eingefügtes Bild wird dann nicht gefunden, da es nicht in der Projekt-Datei "project.mobirise" hinterlegt wurde, in der Mobirise jedes Bild erwartet.
MoP_GuRu
Mitglied (Level 1)
Mitglied (Level 1)
Beiträge: 9
Registriert: Mi 13. Jan 2021, 15:56

Re: Bildaustausch in Mobirise?

Ungelesener Beitrag von MoP_GuRu »

Vielen Dank- sobald ich die Zeit dafür habe, werde ich das ausprobieren!
Liebe Grüsse
Marc
Antworten

Wer ist online?

Mitglieder in diesem Forum: Bing [Bot] und 17 Gäste