Support Forum - User Favorites: kfs

Support Forum - User Favorites: kfs_group kfs_group Support Forum - User Favorites: kfs_group en-US Wed, 19 Jun 2013 11:12:35 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Dude on "kwicks accordion slider" http://www.kriesi.at/support/topic/kwicks-accordion-slider#post-78227 Tue, 02 Oct 2012 13:53:56 +0000 Dude 78227@http://www.kriesi.at/support/ Hey! You need to replace: <pre><code><ul class="accordion-slider"></code></pre> with: <pre><code><ul id="accordion-slider"></code></pre> Best regards, Peter kfs_group on "kwicks accordion slider" http://www.kriesi.at/support/topic/kwicks-accordion-slider#post-78204 Tue, 02 Oct 2012 08:59:25 +0000 kfs_group 78204@http://www.kriesi.at/support/ I have updatet avia.js since the old version left all the built-in sliders with no function: <pre><code>/* 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 });</code></pre> kfs_group on "kwicks accordion slider" http://www.kriesi.at/support/topic/kwicks-accordion-slider#post-78202 Tue, 02 Oct 2012 08:50:37 +0000 kfs_group 78202@http://www.kriesi.at/support/ 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) <pre><code>wp_register_script( 'kwicks', AVIA_BASE_URL.'js/jquery.kwicks-1.5.1.pack.js', 'jquery', "1", false);</code></pre> 2) avia.js <pre><code>/* 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 =) */</code></pre> 3) header.php (in the corresponding area of the code) <pre><code>wp_enqueue_script( 'kwicks' );</code></pre> 4) custom.css <pre><code>/* 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; }</code></pre> 5) We call the slider in the post using: <pre><code><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></code></pre> Actually we think it should be: <pre><code><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></code></pre> Your help is appreciated! Dude on "kwicks accordion slider" http://www.kriesi.at/support/topic/kwicks-accordion-slider#post-78185 Tue, 02 Oct 2012 05:56:15 +0000 Dude 78185@http://www.kriesi.at/support/ Basically you can add the jquery code to js/avia.js (after the first document.ready code line): <pre><code>jQuery('#accordion-slider').kwicks({ max : 750, spacing : 2 });</code></pre> Then add the css code to css/custom.css or the quicks css field. At least insert the slider code itself at the very bottom of avia.js. kfs_group on "kwicks accordion slider" http://www.kriesi.at/support/topic/kwicks-accordion-slider#post-78156 Mon, 01 Oct 2012 22:36:28 +0000 kfs_group 78156@http://www.kriesi.at/support/ Kriesi, I’m having trouble implementing the kwicks accordion slider following this tutorial: <a href="http://www.aoclarkejr.com/tutorial-jquery-accordion-slider.html" rel="nofollow">http://www.aoclarkejr.com/tutorial-jquery-accordion-slider.html</a> The idea is to call the slider in an page in order to show a different slider per each language (qTranslate). The page will be used in the theme builder. We have tried all possible methods working with header.php and functions.php, but also putting the code in the page using the “Insert JavaScript & CSS ” plugin. We fear that the theme is avoiding the execution if the js. Your advice would be required. Thank you.