Switching an image with a 'motionless' no-navigation slider

Home Forums Porto – Responsive HTML5 Template Switching an image with a 'motionless' no-navigation slider

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10005466
    fpopke
    Participant

    I would like to ‘replace’ one image with another using a fadeIn type of effect without showing any swiping motions or navigation buttons.

    For example, taking the /img/device.png and having the admin-banner.png ‘replace’ it by fading in … so that the image ‘appears’ on the screen. (I realize that they aren’t exactly the same shapes, – but I could superimpose images on top of the device.png.)

    I’ve tried text-scrolls with images and banners, but the row heights are too small or the navigation buttons appear or the transition effects are too much of a contrast.

    Can you suggest any code/usage?

    Thanks!


    #10005475
    Support
    Keymaster

    Hello, I’m sorry, but unfortunately the template doesn’t have anything like that to make the animation that you want.

    My suggestion is that you use a slider plugin – such as the version 2.0 of OwlCarousel (which is still on beta) so that you can remove all the controls and set the fade animation.

    http://www.owlcarousel.owlgraphic.com/demos/animate.html

    There are a few another carousel plugins that you can do the same thing.

    Kind Regards,

    Jonas


Viewing 2 posts - 1 through 2 (of 2 total)

This topic is marked as "RESOLVED" and can not rceive new replies.