Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #368

    how to remove the sliding effect for display button (compact, detail and large). The display button is showing after all the image gallery appear, can i remove this sliding effect ??

    #31078

    If you want to remove the buttons altogether, open up sidebar.php, find and delete this code:

    //gallery controlls:
    echo "<div class='display_buttons'>";
    echo "<a href='#' id='item_small' class='display'><span>Compact</span></a>";
    echo "<a href='#' id='item_medium' class='display'><span>Detailed</span></a>";
    echo "<a href='#' id='item_large' class='display'><span>Large</span></a>";
    echo "</div>";

    If you just want to remove the slide effect but keep the buttons, open up js/custom.js, find and remove this code:

    jQuery('.the_gallery').galleryDisplay();

    You’ll also need to change the CSS to display the code on page load – open up style.css and change this (around line 482):

    .display_buttons {
    display:none;
    float:left;
    width:238px;
    }

    to this:

    .display_buttons {
    display:block;
    float:left;
    width:238px;
    }

    so the buttons show up.

    #31079

    @James Morrison

    i want to remove the slide effect but keep the buttons and try your method to remove the script in custom.js

    jQuery('.the_gallery').galleryDisplay();

    but this will remove the buttons not the slide effect.

    #31080

    someone help ?

    #31081

    Hi!

    The buttons are part of the HTML.

    I’ll ask Kriesi to look at this, he’s better than me with jQuery.

    Regards,

    James

    #31082

    up

    #31083

    Hey!

    This topic is already marked for Kriesi’s attention :)

    Best regards,

    James

    #31084

    Hey!

    Sorry for the delay. you need to open custom.js in your JS folder and edit the folowing lines:

    217:

    change


    itemContainer.kriesi_image_preloader({delay:100, callback:itemContainer.methods.preloadingDone});

    to


    itemContainer.methods.preloadingDone();
    itemContainer.kriesi_image_preloader({delay:100});

    and line 176 change:


    linkContainer.prependTo('.sidebar .box:first').slideDown();

    to


    linkContainer.prependTo('.sidebar .box:first').css({visibility:"visible", display:"block"});

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

The topic ‘how to remove the sliding effect for display button’ is closed to new replies.