B4J Library [ABMaterial] MashJCircle Slider

Ola

I wanted to create a nice slide to showcase some parts of an app I'm working on currently. This js script came handy.


Usage
BuildPage

B4X:
pg.AddExtraCSSFile("custom/jCircle.css")
    pg.AddExtraJavaScriptFile("custom/jCircle.min.js")

ConnectPage

B4X:
Dim mjc As MashJCircle
    mjc.Initialize(page,"mjc")
    mjc.speed = 2
    'mjc.rotateAround = False
    mjc.minCirclesEffectOver = mjc.EnumminCirclesEffectOver.zoomOutIn
    mjc.AddCircle("car","../images/1.jpg","My car")
    mjc.AddCircle("flower","../images/2.jpg","My car")
    mjc.AddCircle("sweets","../images/3.jpg","My sweets")
    mjc.AddCircle("sweets","../images/4.jpg","My sweets")
    mjc.AddCircle("sweets","../images/5.jpg","My sweets")
    mjc.AddCircle("sweets","../images/6.jpg","My sweets")

Source

https://www.cssscript.com/demo/circular-slider-vanilla-javascript-jcircle/
 

Attachments

  • MashJCircle.bas
    4.8 KB · Views: 300
Top