Impressum Suchfunktion

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


WOW Slider PlugIn für Mobirise - MouseOver unterbinden?
#1
Hallo zusammen, bin neu hier! [Bild: smile.png]

Wie bzw. wo kann ich den MouseOver Effekt des WOW-Slider PlugIn für Mobirise unterbinden?

Also Ziel ist es, dass die Slides nicht mehr per Maus nach links oder rechts scrollbar sein sollen, sondern nur noch per Bullets (wenn diese eingeblendet werden).

Vielen Dank für eure Hilfe!
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#2
Hallo Uwe,

... schön, dass Du den Weg zu uns gefunden hast thumbs up

Willkommen bei uns im Forum und fühle Dich wohl :hallo:
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#3
Danke Tommy!

Hast mir ja schon sehr geholfen "drüben" :D 

..hoffe, für den Slider gibts da auch noch eine Lösung (irgendwie).
Ansonsten muss ich den wohl doch canceln und nach einen einfacheren Freeware Slider Ausschau halten. Die gibts ja wie Sand am Meer mittlerweile.

ps: Hab jetzt auch mal den WOW-Slider Support angeschrieben, vieleicht wissen die da ja was wo man das in der Stylesheet zb. ändern kann. Mal abwarten.
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#4
Moin,

habe mir den WOW-Slider mal angeguckt. Du kannst die Navigations-Pfeile einfach so ausblenden:

Kopiere diese Style - Anweisung in die

> "Seiteneinstellungen" > "Inside <head> code"

Code:
<style>
   .ws_controls {
       display: none !important;
   }
</style>


.png  Style.PNG (Größe: 86,56 KB / Downloads: 9)


Das funktioniert aber erst, wenn Du publizierst, da Mobirise davon "nichts weiß".

Ich habe das hier getestet. Du kannst dennoch mit der Maus den Slider "schieben":

http://www.mobirise-tutorials.com/Testseiten/Test-Neu/
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#5
Genau den Effekt brauch ich aber das es ebend nicht mehr "schiebbar" ist. Wink

Ich habe mir mal ein paar andere Freewareslider angeschaut, die können das. Mal abwarten was und ob der Support antwortet. Wenn nicht, kommt halt ein anderer in das Projekt.
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#6
... oder so Smiling

... kannst Dir auch den mal angucken:

http://www.nof-tutorials.com/CSS-Auto-Iimageslider/

... von unserem Werner programmiert und mit einem Admin-Bereich zum Hochladen und Editieren der Fotos.

Hier geht es zu Werners Seite und zum Downoad.

https://werner-zenk.de/archiv/css-auto_imageslider.php
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#7
Moin,

habe mal noch ein wenig gesucht und jetzt mal das ganz normale Bootstrap-Karussell hier eingebaut:

http://www.mobirise-tutorials.com/Testse...eite2.html

Das Beispiel dafür kannst Du hier finden (oberste Beispiel):

https://getbootstrap.com/docs/4.0/components/carousel/

Ich habe also diesen Code - hier beispielhaft für 3 Bilder, das kannst Du beliebig erweitern - verwendet:

Code:
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
 <div class="carousel-inner">
   <div class="carousel-item active">
     <img class="d-block w-100" src="..." alt="First slide">
   </div>
   <div class="carousel-item">
     <img class="d-block w-100" src="..." alt="Second slide">
   </div>
   <div class="carousel-item">
     <img class="d-block w-100" src="..." alt="Third slide">
   </div>
 </div>
</div>

Dann habe ich mir den ganz normalen Block "Slider" von Mobirsie aufgezogen und den Slider von Mobirise mit dem Code (oben) ersetzt.

Jetzt klickst Du im Block auf das Platzhalter-Symbol und kannst ganz normal ein Bild, über die Mobirise-Oberfläche, auswählen. Dann auf das nächste klicken, usw.

Am Ende habe ich noch die 'data' Funktionen hinzugefügt, damit bei MouseOver nicht pausiert wird:

Code:
data-pause="false"

und die Geschwindigkeit vom Bildwechsel (hier 5 Sekunden):

Code:
data-interval="5000"

So sieht der gesamte Code von mir dann aus, den Mobirise selbstständig, aufgrund der Bootstrap Klassen, generiert hat:

Code:
   <!-- Beginn eigener Slider -->
   <div id="myCarousel" class="carousel slide" data-ride="carousel" data-pause="false" data-interval="5000">
     <div class="carousel-inner">
       <div class="carousel-item active">
         <img class="d-block w-100" src="file:///C:/Users/Thomas/AppData/Local/Mobirise.com/Mobirise/projects/project-2018-03-26_175636/assets/images/enten-konferenz-960x305.jpg" alt="Enten" title="Enten">
       </div>
       <div class="carousel-item">
         <img class="d-block w-100" src="file:///C:/Users/Thomas/AppData/Local/Mobirise.com/Mobirise/projects/project-2018-03-26_175636/assets/images/leereh%C3%BClle-960x305.jpg" alt="Fruchthülse" title="Fruchthülse">
       </div>
       <div class="carousel-item">
         <img class="d-block w-100" src="file:///C:/Users/Thomas/AppData/Local/Mobirise.com/Mobirise/projects/project-2018-03-26_175636/assets/images/sp%C3%A4tsommerinessen-960x305.jpg" alt="Fliege auf Blatt" title="Fliege auf Blatt">
       </div>
     </div>
   </div>
   <!-- Ende eigener Slider -->


.png  Slider-Code.PNG (Größe: 148,91 KB / Downloads: 5)
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#8
Danke für den Tipp! Werde das mal probieren.

Frage: Findest du in den Parametern hier irgendwo einen Befehl der den MouseOver unterdrückt?

ps: Es gibt übrigens einen Trick, wie der Mobirise-Editor die Änderungen am Projekt ohne den Code Editor doch in das Projekt übernimmt und dauerhaft bei behält. Wink


Code:
{
 "autoplay": true,
 "animType": "basic_linear",
 "theme": "cloud",
 "slides": [
   {
     "image": "@PROJECT_PATH@/assets/images/slide1-5-1900x650.jpg",
     "linkUrl": "http://google.com",
     "link": false,
     "src": "@PROJECT_PATH@/assets/images/slide1-2.jpg",
     "tooltip": "@PROJECT_PATH@/assets/images/slide1-4-85x48.png",
     "title": "title 3",
     "text": "text 3",
     "active": false
   },
   {
     "image": "@PROJECT_PATH@/assets/images/slide2-5-1900x650.jpg",
     "linkUrl": "http://google.com",
     "link": false,
     "src": "@PROJECT_PATH@/assets/images/slide2-2.jpg",
     "tooltip": "@PROJECT_PATH@/assets/images/slide2-3-85x48.png",
     "title": "title 3",
     "text": "text 3",
     "active": false
   },
   {
     "image": "@PROJECT_PATH@/assets/images/slide3-4-1900x650.jpg",
     "linkUrl": "http://google.com",
     "link": false,
     "src": "@PROJECT_PATH@/assets/images/slide3-2.jpg",
     "tooltip": "@PROJECT_PATH@/assets/images/slide3-3-85x48.png",
     "title": "title 3",
     "text": "text 3",
     "active": false
   },
   {
     "image": "@PROJECT_PATH@/assets/images/slide4-2-1900x650.jpg",
     "linkUrl": "http://google.com",
     "link": false,
     "src": "@PROJECT_PATH@/assets/images/slide4-2.jpg",
     "tooltip": "@PROJECT_PATH@/assets/images/slide4-2-85x48.png",
     "title": "title 3",
     "text": "text 3",
     "active": true
   }
 ],
 "fullScreen": true,
 "showCaptions": false,
 "hideControls": false,
 "responsive": "1",
 "paddingTop": "0",
 "paddingBottom": "0",
 "captionsEffect": "slide",
 "showBullets": false,
 "bgColor": "#ffffff",
 "timeout": "2",
 "duration": "2.5",
 "customSize": true,
 "customWidth": "1900",
 "customHeight": "650",
 "size": "1600x1080",
 "width": "1900",
 "height": "650"
}
Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#9
... ich kann jetzt mit diesen Parametern (ohne den Zusammenhang zu kennen) nichts anfangen. Was heißt "unterdrückt"? Was willst Du erreichen?

In der Datei "project.mobirise" händisch herum zu fummeln ist eher sehr bedenklich Sad

Ich bin jetzt aber zunächst mal eine Weile unterwegs ...
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Mobirise-Apple Touch Icon Thomas Saake 5 106 17.04.2018, 16:58
Letzter Beitrag: Tommy Herrmann
Smile Neue Version Mobirise 4.7.1 - geht das ?? Johann Rott 10 207 16.04.2018, 20:23
Letzter Beitrag: Uwe D.
  Mobirise-Zahlen hochstellen Thomas Saake 5 72 16.04.2018, 18:44
Letzter Beitrag: Rancher
  Mobirise-Hamburger Button und Cookies nicht ok Thomas Saake 5 164 09.04.2018, 19:49
Letzter Beitrag: Tommy Herrmann
  Mobirise-SLL Zertifikat und .htacess Thomas Saake 4 110 08.04.2018, 12:36
Letzter Beitrag: Thomas Saake
  Mobirise-Formatierung Formular Thomas Saake 7 195 06.04.2018, 13:28
Letzter Beitrag: Thomas Saake
  Update Mobirise Michael MA 1 128 05.04.2018, 12:00
Letzter Beitrag: c-laus
  Mobirise-Datenschutzerklärung Thomas Saake 2 121 04.04.2018, 11:51
Letzter Beitrag: Thomas Saake
  Mobirise-Änderungen werden nicht auf den Server übertragen Thomas Saake 45 1.159 01.04.2018, 17:34
Letzter Beitrag: Rancher
  Mobirise Website Builder Kit! DirtyOpi 12 799 30.03.2018, 19:57
Letzter Beitrag: Tommy Herrmann



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!