Datenschutz Impressum

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
  Image neben BS4 Slider Uwe D. 16 190 Vor 3 Stunden
Letzter Beitrag: c-laus
  Mobirise-Support? stobi_de 9 179 15.07.2018, 08:43
Letzter Beitrag: stobi_de
  Mobirise-Handyman AMP Bild/Text Anordnung Thomas Saake 13 284 14.07.2018, 12:54
Letzter Beitrag: Tommy Herrmann
  Mobirise- Handyman AMP Textfarbe Thomas Saake 13 213 11.07.2018, 07:41
Letzter Beitrag: Tommy Herrmann
  Mobirise Ende (für uns)? stobi_de 13 483 09.07.2018, 06:12
Letzter Beitrag: AndyNeu
  Mobirise-WOW Slider Thomas Saake 2 108 03.07.2018, 11:43
Letzter Beitrag: Thomas Saake
  Mobirise Impressum stobi_de 1 96 29.06.2018, 14:49
Letzter Beitrag: Tommy Herrmann
  Mobirise - Tutorials "getting started"? Beatrix53 12 193 29.06.2018, 07:33
Letzter Beitrag: Rancher
  Mobirise-Cookie Alert auf jeder Seite? Thomas Saake 4 136 26.06.2018, 13:07
Letzter Beitrag: Thomas Saake
  Google Web Fonts in Mobirise 3 lokal hosten C. Schulz 9 264 24.06.2018, 23:00
Letzter Beitrag: C. Schulz



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!