Add a button Move a Scrollbar  to Recently shared images Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
2 posters

    Add a button Move a Scrollbar  to Recently shared images

    كونان2000
    كونان2000
    Forumember


    Male Posts : 205
    Reputation : 93
    Language : Arabic

    Add a button Move a Scrollbar  to Recently shared images Empty Add a button Move a Scrollbar  to Recently shared images

    Post by كونان2000 February 20th 2024, 2:36 am

    Hello All
    Add a button Move a Scrollbar  to the Recently shared images
    Add a button Move a Scrollbar  to Recently shared images Animation
    ----------------------------------------------


    When you press the button
    The photo Scrollbar  move on its own Pizza
    When you press the button again it stops

    Add a button Move a Scrollbar  to Recently shared images Ocia_a10


    Find the next part in index_box template
    Code:
    <!-- BEGIN switch_forum_images -->

    replace it with
    Code:
    <p id="page-desc" class="imagelist_desc"></p>
    <!-- BEGIN switch_forum_images -->


    Installing the JavaScript
    Title * : as you like
    Placement : In all the pages
    Code:
    $(function(){
      $('#page-desc,p.imagelist_desc').after('<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
    $(document).ready(function(){
        var intervalId;
        var targetWindow = $(".container-imgs-list");
      

        function startScrolling() {
            intervalId = setInterval(function() {
                targetWindow.scrollTop(targetWindow.scrollTop() + 1);
            }, 10); // Change the interval as needed
        }
      

        function stopScrolling() {
            clearInterval(intervalId);
        }
      

        $("#Latest-images-Button").click(function() {
            if ($(this).data("isScrolling")) {
                stopScrolling();
                $(this).text("Animate images");
            } else {
                startScrolling();
                $(this).text("Stop moving");
            }
            $(this).data("isScrolling", !$(this).data("isScrolling"));
        });
    });
    </script>                        
    <button id="Latest-images-Button">Click here to scroll</button>

    <div id="container-imgs-list" style="width: 300px; height: 0px; overflow: auto;">
    </div>');
    });
    document.write('<style type="text/css">.container-imgs-list {height: 500px;}
    button#Latest-images-Button {
        right: 50%;          
        left: 50%;
        position: relative;
        display: flex;
        margin: 5px;
        color: white;
        padding: 10px;
        background: #1e88e5;
    } </style>');

    Little trick
    I hope that appeal to you Very Happy

    _______________________________________________
    This tutorial was written by كونان2000,

    skouliki, YoshiGM, Sir Chivas™, SarkZKalie, TonnyKamper, poesia-verses, كونان2000 and hoanglongnhatbao like this post

    SarkZKalie
    SarkZKalie
    Support Moderator
    Support Moderator


    Male Posts : 1420
    Reputation : 220
    Language : English

    Add a button Move a Scrollbar  to Recently shared images Empty Re: Add a button Move a Scrollbar  to Recently shared images

    Post by SarkZKalie April 7th 2024, 6:00 am

    Halo

    Imagine making this feature play as a mini-slideshow in real time Very Happy



    Add a button Move a Scrollbar  to Recently shared images Sarkzk10

    كونان2000 likes this post

    كونان2000
    كونان2000
    Forumember


    Male Posts : 205
    Reputation : 93
    Language : Arabic

    Add a button Move a Scrollbar  to Recently shared images Empty Re: Add a button Move a Scrollbar  to Recently shared images

    Post by كونان2000 April 10th 2024, 11:05 pm

    SarkZKalie wrote:Halo

    Imagine making this feature play as a mini-slideshow in real time Very Happy
    This is an entertaining slideshow Laughing

    Thanks  @SarkZKalie
    :rose: :rose: :rose:

    SarkZKalie likes this post