http://www.kriesi.at/support/tags/transitions Support Forum - Tag: transitions - Recent Posts en-US Sat, 25 May 2013 13:08:26 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/aviaslider-slide-transitions#post-92086 Thu, 17 Jan 2013 15:06:25 +0000 AzArgyll 92086@http://www.kriesi.at/support/ <p>Thanks Dude, that worked perfectly. I also appreciate your helping me understand the js a little better. </p> http://www.kriesi.at/support/topic/aviaslider-slide-transitions#post-91255 Sat, 12 Jan 2013 10:24:36 +0000 Dude 91255@http://www.kriesi.at/support/ <p>Yes, you can use any of the default transitions. Actually I wouldn't include the entire demo data like you did ( <a href="http://dragonsflight.biz/azscia/js/custom.js" rel="nofollow">http://dragonsflight.biz/azscia/js/custom.js</a> ) but I'd just call the code for the droping-curtain transition. Delete the entire code in custom.js and replace it with:</p> <pre><code>$(document).ready(function(){ //activate the lightbox jQuery(&#39;a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg]&#39;).prettyPhoto({theme: &quot;light_square&quot;}); // here you can see the slide options I used in the demo page. depending on the id of the slider a different setup gets activated $(&#39;#frontpage-slider&#39;).aviaSlider({ blockSize: {height: &#39;full&#39;, width:40}, display: &#39;topleft&#39;, transition: &#39;drop&#39;, betweenBlockDelay:80, animationSpeed: 800, switchMovement: true, slideControlls: &#39;items&#39;, appendControlls: &#39;.aviaslider&#39; }); });</code></pre> <p>If you're not familiar with the slider settings please have a look at the documentation which explains all available settings/parameter. An online version can be found here: <a href="http://www.udel.edu/ocm/development/db/igs-aviaslider/aviaslider-jquery-slideshow/documentation_html/#javascript" rel="nofollow">http://www.udel.edu/ocm/development/db/igs-aviaslider/aviaslider-jquery-slideshow/documentation_html/#javascript</a> </p> http://www.kriesi.at/support/topic/aviaslider-slide-transitions#post-90873 Thu, 10 Jan 2013 00:32:12 +0000 AzArgyll 90873@http://www.kriesi.at/support/ <p>Hey Dude, I've got another question.</p> <p>I see on the Avia Slider demo page, that "?slider=droping-curtain" is used to reload the page and use the dropping curtains. That's cool that a change can be made quickly, but I want to start with a different transition (i.e. the dropping curtains instead of the blocks) but I 'cant attach the "?slider=droping-curtain" to the main.html in my php file. </p> <p>Is there an easy way to call for a specific transition right from file that calls the scripts and has the unordered list?</p> <p><a href="http://dragonsflight.biz/azscia/normal_index.php" rel="nofollow">http://dragonsflight.biz/azscia/normal_index.php</a> </p> http://www.kriesi.at/support/topic/modifiy-the-content-slider-shortcode-into-a-content-fade-slider#post-62601 Thu, 28 Jun 2012 06:59:47 +0000 Dude 62601@http://www.kriesi.at/support/ <p>Hey! </p> <p> No, I'm sorry. The content slider just scrolls the content to the left or to the right based on the user input. It doesn't support any fade transitions, etc. </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/modifiy-the-content-slider-shortcode-into-a-content-fade-slider#post-62489 Wed, 27 Jun 2012 16:42:30 +0000 fraktale911 62489@http://www.kriesi.at/support/ <p>hello </p> <p>does it possible to modify the content slider shortcode in order that the content appears with fading transitions (and no more slide) ? </p> <p>thx<br /> fraktale </p> http://www.kriesi.at/support/topic/aviaslider-not-loading-in-proper-spot-transitions-not-working#post-44223 Thu, 01 Mar 2012 15:09:06 +0000 ddobbie 44223@http://www.kriesi.at/support/ <p>Ohla Dude. </p> <p>I've fixed all the invalid html's - and still having the same persisting problem.<br /> You can view the site here: <a href="http://www.ddobbie.com/clients/kre8um/rtrespirtory/index.html" rel="nofollow">http://www.ddobbie.com/clients/kre8um/rtrespirtory/index.html</a> </p> http://www.kriesi.at/support/topic/aviaslider-not-loading-in-proper-spot-transitions-not-working#post-44216 Thu, 01 Mar 2012 14:40:59 +0000 Dude 44216@http://www.kriesi.at/support/ <p>Hey,<br /> maybe the invalid html document code causes this issue (eg the closing head tag is missing). Please fix these errors first: <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ddobbie.com%2Fclients%2Fkre8um%2Frtrespirtory%2Findex.html&amp;charset=%28detect+automatically%29&amp;doctype=Inline&amp;group=0" rel="nofollow">http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ddobbie.com%2Fclients%2Fkre8um%2Frtrespirtory%2Findex.html&amp;charset=%28detect+automatically%29&amp;doctype=Inline&amp;group=0</a> </p> http://www.kriesi.at/support/topic/aviaslider-not-loading-in-proper-spot-transitions-not-working#post-44213 Thu, 01 Mar 2012 14:19:06 +0000 ddobbie 44213@http://www.kriesi.at/support/ <p>Hello! </p> <p>I'm not usually one to post on these threads - but I'm having some issues I just can't solve.</p> <p>Right now the images are loading at the top of the page - then they shift down to their spot. At first they have their transitions - full width fade, then it just ends up jumping to the next image.</p> <p>You can view the site here: <a href="http://www.ddobbie.com/clients/kre8um/rtrespirtory/index.html" rel="nofollow">http://www.ddobbie.com/clients/kre8um/rtrespirtory/index.html</a></p> <p>HELP!?<br /> has anyone else had this issue? </p> http://www.kriesi.at/support/topic/transitions-wider-than-pictures-with-avia-slider#post-42690 Tue, 21 Feb 2012 08:56:52 +0000 Dude 42690@http://www.kriesi.at/support/ <p>Glad that I could help you :) </p> http://www.kriesi.at/support/topic/transitions-wider-than-pictures-with-avia-slider#post-42686 Tue, 21 Feb 2012 08:47:25 +0000 kaleddis 42686@http://www.kriesi.at/support/ <p>Works like a charm! </p> <p>Thanks for the quick response :) </p> http://www.kriesi.at/support/topic/transitions-wider-than-pictures-with-avia-slider#post-42667 Tue, 21 Feb 2012 07:33:54 +0000 Dude 42667@http://www.kriesi.at/support/ <p>Hey,<br /> try to add following code to css/style.css:<br /> <pre><code>.aviaslider { margin: 0; padding: 0; }</code></pre> http://www.kriesi.at/support/topic/transitions-wider-than-pictures-with-avia-slider#post-42602 Mon, 20 Feb 2012 19:57:14 +0000 kaleddis 42602@http://www.kriesi.at/support/ <p>Hello,</p> <p>I got the weirdest thing happening with Avia Slider. When the picture goes into transition it becomes wider that the original picture itself.<br /> See: <a href="http://british-indigo.com/new/2012/test.html" rel="nofollow">http://british-indigo.com/new/2012/test.html</a></p> <p>I tried to correct it within the CSS file and the custom.js, but nothing corrects it. Can you explain me what is happening and what I can do to correct it?</p> <p>Greetz,<br /> Sandra </p> http://www.kriesi.at/support/topic/aviaslider-transitions-dont-load-first-time-online#post-27688 Sat, 24 Sep 2011 05:26:26 +0000 silas101 27688@http://www.kriesi.at/support/ <p>Hey,</p> <p>Any idea why the transitions on the aviaslider slideshows on my websites don't work the first time you visit them - exit the site, then reload it and try again and they work just fine?!</p> <p>The transitions work fine when testing them locally in Firefox. I upload using Dreamweaver as usual but when you visit the site online and click on the links for the slideshows, the transitions don't work properly but just jump from one image to the next with a little square popping up in the top-left of the image - no smooth groovy blocks sliding across the images. Use the browser's back button and then go back into the site and try the slideshows again and they work perfectly!</p> <p>I'm baffled - works first time offline, but online only works from second time you load the site.</p> <p>Amongst other things, I've triple checked that js and css files are all uploaded properly and linked to html properly, I've tried clearing the browser's cache, history etc, I've tried re-uploading the entire site. But I'm no expert in javascript and obviously missing something.</p> <p>You can take a look yourself at <a href="http://www.juliancowley.com/photography" rel="nofollow">http://www.juliancowley.com/photography</a> (click on the lefthand links for the slideshows (which are on spry slidingpanel widgets) or at <a href="http://www.juliancowley.com/websites" rel="nofollow">http://www.juliancowley.com/websites</a> (on which, to complicate matters, the slideshow linked by 'examples' (a fading_curtain aviaslider on a slidingpanel widget) does work first time but the one on the main page bottom left (fading-top-curtain aviaslider) only works second time you go into the site).</p> <p>Any help much appreciated. </p> http://www.kriesi.at/support/topic/aviaslider-slide-transitions#post-12382 Fri, 04 Feb 2011 16:24:29 +0000 Dude 12382@http://www.kriesi.at/support/ <p>Just replace following code in index.html:<br /> <pre><code>&lt;script type=&#39;text/javascript&#39; src=&#39;js/custom.min.js&#39;&gt;&lt;/script&gt;</code></pre> <p>with:<br /> <pre><code>&lt;script type=&#39;text/javascript&#39;&gt; $(document).ready(function(){ //activate the lightbox jQuery(&#39;a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg]&#39;).prettyPhoto({theme: &quot;light_square&quot;}); // here you can see the slide options I used in the demo page. depending on the id of the slider a different setup gets activated $(&#39;#frontpage-slider&#39;).aviaSlider(); }); &lt;/script&gt;</code></pre> <p>This change will remove the block fading effect... </p> http://www.kriesi.at/support/topic/aviaslider-slide-transitions#post-12381 Fri, 04 Feb 2011 15:07:37 +0000 ahoffman81 12381@http://www.kriesi.at/support/ <p>Ok. I am posting my "test" homepage in a test folder for now. I am trying to get the Avia Slider to work on my homepage and then I can just swap out the imagery with my own. I don't need the button graphic to work underneath the slider. I am just trying to get the slider to fade in and out... Just a basic slideshow. </p> <p><a href="http://www.alhdesigns.com/test/index.html" rel="nofollow">http://www.alhdesigns.com/test/index.html</a> </p> http://www.kriesi.at/support/topic/aviaslider-slide-transitions#post-12380 Fri, 04 Feb 2011 14:17:05 +0000 ahoffman81 12380@http://www.kriesi.at/support/ <p>I am trying to use the Avia slider on my homepage. My site isn't fully developed yet, but when it is live, I will send you a link. The slide transition is minor and won't stop me from designing the site.</p> <p>Thanks! </p> http://www.kriesi.at/support/topic/aviaslider-slide-transitions#post-12378 Fri, 04 Feb 2011 13:45:04 +0000 Dude 12378@http://www.kriesi.at/support/ <p>Can you post a link to your website - I can give you better instructions then :) </p> http://www.kriesi.at/support/topic/aviaslider-slide-transitions#post-12377 Fri, 04 Feb 2011 13:28:38 +0000 ahoffman81 12377@http://www.kriesi.at/support/ <p>Can you tell me exactly where I need to put the code in order for it to work? And what file am I inserting the code into? Thank you! </p> http://www.kriesi.at/support/topic/aviaslider-slide-transitions#post-12362 Fri, 04 Feb 2011 10:23:16 +0000 Dude 12362@http://www.kriesi.at/support/ <p>If you want to use the fullwidth slider just call the avialsider function without blocksize parameter. So instead of i.e.:<br /> <pre><code>$(&#39;#fading-top-curtain&#39;).aviaSlider({ blockSize: {height: 40, width:&#39;full&#39;}, });</code></pre> <p>use:</p> <pre><code>$(&#39;#fading-top-curtain&#39;).aviaSlider();</code></pre> http://www.kriesi.at/support/topic/aviaslider-slide-transitions#post-12334 Thu, 03 Feb 2011 19:41:58 +0000 ahoffman81 12334@http://www.kriesi.at/support/ <p>Where do I change the slide transitions? I want to change the diagonal blocks slide transition to the fullwidth slide fader. Please help! I am a graphic designer who knows basic web design.</p> <p>Thank you! </p> http://www.kriesi.at/support/topic/how-do-i-active-the-avia-slider-transitions#post-11725 Sun, 23 Jan 2011 14:07:17 +0000 Dude 11725@http://www.kriesi.at/support/ <p>Did you add more than one featured image to you post/page? Please have a look at the documentation. The documentation is part of your themeforest package (zip file). It includes the theme files, the documentation and psd files (photoshop files). Please open index.html (located in the documentation folder) and search for "B 10) Adding Content" - a tutorial with screenshots will tell you how to add featured images to posts and pages. I can't describe this in a better way so I refer you to the documentation :) </p> http://www.kriesi.at/support/topic/how-do-i-active-the-avia-slider-transitions#post-11710 Sat, 22 Jan 2011 17:38:49 +0000 DigitalContent 11710@http://www.kriesi.at/support/ <p>Hi,</p> <p>I can't really get the same Aviaslider than the original. I tried with the dummy data but it is still not working. I just see only one image of the posts and not all of them with the slider.</p> <p>Would you help me please. I just launched the website. Is Cameraman dot com</p> <p>Best regards and great theme! </p>