Forum Replies Created

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • in reply to: kwicks accordion slider #92684

    I have updatet avia.js since the old version left all the built-in sliders with no function:

    /* this prevents dom flickering, needs to be outside of dom.ready event: */
    document.documentElement.className += 'js_active';

    /*end dom flickering =) */

    //global path: avia_framework_globals.installedAt

    jQuery.noConflict();
    jQuery(document).ready(function(){

    // aktiviert den accordion-slider
    jQuery('#accordion-slider').kwicks({
    max : 750,
    spacing : 2
    });

    in reply to: kwicks accordion slider #92683

    Good morning,

    thank you for the reply, unfortunately we do not have any progress.

    We have done the following modifications:

    1) functions.php (in the corresponding area of the code)

    wp_register_script( 'kwicks',  AVIA_BASE_URL.'js/jquery.kwicks-1.5.1.pack.js', 'jquery', "1", false);

    2) avia.js

    /* this prevents dom flickering, needs to be outside of dom.ready event: */
    document.documentElement.className += 'js_active';

    // aktiviert den accordion-slider
    jQuery('#accordion-slider').kwicks({
    max : 750,
    spacing : 2
    });

    /*end dom flickering =) */

    3) header.php (in the corresponding area of the code)

    wp_enqueue_script( 'kwicks' );

    4) custom.css

    /* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */

    ul#accordion-slider{
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    }
    ul#accordion-slider li{
    display: block;
    overflow: hidden;
    padding: 0;
    float: left;
    width: 230px;
    height: 300px;
    }

    5) We call the slider in the post using:

    <ul>
    <li><img src="image1.png" alt="Image Title" /></li>
    <li><img src="image2.png" alt="Image Title" /></li>
    <li><img src="image3.png" alt="Image Title" /></li>
    <li><img src="image4.png" alt="Image Title" /></li>
    </ul>

    Actually we think it should be:

    <ul class="accordion-slider">

    <li><img src="image1.png" alt="Image Title" /></li>
    <li><img src="image2.png" alt="Image Title" /></li>
    <li><img src="image3.png" alt="Image Title" /></li>
    <li><img src="image4.png" alt="Image Title" /></li>

    Your help is appreciated!

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