http://www.kriesi.at/support/tags/aviaslider Support Forum - Tag: aviaslider - Recent Posts en-US Tue, 21 May 2013 07:20:30 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/background-image-in-header#post-103094 Tue, 26 Mar 2013 06:55:27 +0000 Dude 103094@http://www.kriesi.at/support/ <p>Hi! </p> <p> The shortcodes are explained in the theme docs: <a href="http://www.kriesi.at/docs/avisio/#b11" rel="nofollow">http://www.kriesi.at/docs/avisio/#b11</a> </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/background-image-in-header#post-102992 Mon, 25 Mar 2013 19:10:59 +0000 orangebulb 102992@http://www.kriesi.at/support/ <p>Thank you so much, Devin! I also have another question... where can I find the actual "codes" for the shortcodes? I was wanting to use the content slideshow shortcodes to create a photo gallery within a page. </p> <p><a href="http://aviathemes.com/aviaslider/" rel="nofollow">http://aviathemes.com/aviaslider/</a></p> <p>On previous wordpress themes I have bought, there was a site that actually had the shortcodes listed out with the code and then a sample of what it looked like. I haven't seen this for the Avisio theme and couldn't find it anywhere on the demo page or on this page. I also looked through the files included in the download and didn't see it, but maybe I am just missing it somewhere??</p> <p>Thanks again for your response! </p> http://www.kriesi.at/support/topic/background-image-in-header#post-102980 Mon, 25 Mar 2013 17:36:47 +0000 Devin 102980@http://www.kriesi.at/support/ <p>Hey orangebulb,</p> <p>Try this:<br /> <pre><code>#top #wrapper_head{ background-image: url(&#39;http://semco-electricmotors.com/wp-content/uploads/2013/03/drawingbg2.jpg&#39;); }</code></pre> <p>That will give it priority if added to your custom.css file (in the themes css folder).</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/background-image-in-header#post-102946 Mon, 25 Mar 2013 13:17:57 +0000 orangebulb 102946@http://www.kriesi.at/support/ <p>I am trying to put a background image in the header area. I have tried placing it in a couple different places in the code, but none worked. Most of the time it didn't show up at all. I was able to get it to show up behind the logo, but only the logo and not the full header. I'm sure it's a simple fix, but I needed some help!</p> <p><a href="http://semco-electricmotors.com/" rel="nofollow">http://semco-electricmotors.com/</a></p> <p>Any and all help is greatly appreciated! Thanks in advance! </p> http://www.kriesi.at/support/topic/how-to-install-aviaslider-step-by-step#post-89957 Fri, 04 Jan 2013 02:05:40 +0000 Ismael 89957@http://www.kriesi.at/support/ <p>Hey,</p> <p>Glad you fixed it. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/how-to-install-aviaslider-step-by-step#post-89940 Fri, 04 Jan 2013 00:40:09 +0000 AzArgyll 89940@http://www.kriesi.at/support/ <p>Thanks again Devin. I got to thinking and made sure that all of the files were transferred to my site. Then made sure that the html was right and now it's working just like I want it too. </p> <p>Thanks, </p> http://www.kriesi.at/support/topic/how-to-install-aviaslider-step-by-step#post-89930 Thu, 03 Jan 2013 22:34:08 +0000 AzArgyll 89930@http://www.kriesi.at/support/ <p>Thanks Devin for your response.</p> <p>That put the controls there, though that isn't the problem I'm having.</p> <p>The photos are all being loaded, one after another, all of them displayed, then all but one disappear. Then instead of the transition, the next image seems to load a top part of the image, then the image is swapped out. There is no nice transition.</p> <p>I'm wondering if there is a specific version of php required for the scripts or am I doing something wrong in the html? </p> http://www.kriesi.at/support/topic/how-to-install-aviaslider-step-by-step#post-89917 Thu, 03 Jan 2013 21:44:11 +0000 Devin 89917@http://www.kriesi.at/support/ <p>Hi AzArgyll,</p> <p>It looks like you are missing the controlls.gif and the bg.jpg files. The controlls.gif may be the issue. Check the main files you downloaded and it should be images&gt;layout folder. Then upload it to your images&gt;layout folder.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/how-to-install-aviaslider-step-by-step#post-89888 Thu, 03 Jan 2013 20:05:18 +0000 AzArgyll 89888@http://www.kriesi.at/support/ <p>I just bought and followed the instructions above, but I must be missing something - which is easy for me to do unfortunately. I made the mods to where the files are located and everything is uploaded, but the result I'm getting is quite different from what it should be.</p> <p>Here is my example - apologies in advance. I would appreciate any help to make this work like it's supposed to, instead of how I have it.</p> <p><a href="http://dragonsflight.biz/demo/" rel="nofollow">http://dragonsflight.biz/demo/</a> </p> http://www.kriesi.at/support/topic/how-to-install-aviaslider-step-by-step#post-87406 Mon, 10 Dec 2012 16:42:56 +0000 Devin 87406@http://www.kriesi.at/support/ <p>Unfortunately this does not have any kind of editor other than HTML and is not a plugin but a stand alone set of code used.</p> <p>You need to build the slideshow using the code sample and then paste in the HTML to your page where you want it.</p> <p>If you can view the HTML of your home page, then you can use this.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/how-to-install-aviaslider-step-by-step#post-87400 Mon, 10 Dec 2012 16:18:18 +0000 dlucci 87400@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>for embed code, I mean to copy and paste the hotml code into my webpage and so to get it published.</p> <p>The thing is for making my website I do not use dreamweaver, or anything similar to that. But I use a WYSIWYG website platform like word press. In my case is SBI! So there is no html code involved.</p> <p>That's why I need to understand how I can use this plugin and have an embed code to copy in paste as a RAW HTML code into my home page.</p> <p>Maybe do I have to use a CMS? </p> http://www.kriesi.at/support/topic/how-to-install-aviaslider-step-by-step#post-87386 Mon, 10 Dec 2012 15:11:39 +0000 Devin 87386@http://www.kriesi.at/support/ <p>Hi David,</p> <p>You'll need to add the first part into the head section of your html file so that it pulls the proper scripts. Then the second bit of code into the main body of your html file where you want the actual slideshow to appear. The content of each slide will be the image src as in the demo.</p> <p>I'm not sure what you mean by embed code, could you explain a bit more?</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/how-to-install-aviaslider-step-by-step#post-87385 Mon, 10 Dec 2012 15:07:12 +0000 dlucci 87385@http://www.kriesi.at/support/ <p>Ok thanks for your prompt reply.</p> <p>But I am wondering where I have to write these codes. </p> <p>and I need to make an embed code to put into my website.</p> <p>It will works?</p> <p>Thanks </p> http://www.kriesi.at/support/topic/how-to-install-aviaslider-step-by-step#post-87344 Mon, 10 Dec 2012 11:35:11 +0000 Dude 87344@http://www.kriesi.at/support/ <p>Hey,<br /> first include following files in the head section (before the closing head tag which looks like &lt;/head&gt;):<br /> <pre><code>&lt;!-- ########## CSS Files ########## --&gt; &lt;!-- Screen CSS --&gt; &lt;link rel=&quot;stylesheet&quot; href=&quot;http://my-website.com/aviaslider/style.css&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt; &lt;!-- ########## end css ########## --&gt; &lt;!-- JAVASCRIPT GOES HERE --&gt; &lt;script type=&#39;text/javascript&#39; src=&#39;http://my-website.com/aviaslider/js/jquery.js&#39;&gt;&lt;/script&gt; &lt;script type=&#39;text/javascript&#39; src=&#39;http://my-website.com/aviaslider/js/jquery.aviaSlider.min.js&#39;&gt;&lt;/script&gt; &lt;script type=&#39;text/javascript&#39;&gt; jQuery(document).ready(function(){ // here you can see the slide options jQuery(&#39;#aviaslider&#39;).aviaSlider(); }); &lt;/script&gt;</code></pre> <p>And in the body section, add following code to display the slideshow/images:<br /> <pre><code>&lt;ul id=&quot;aviaslider&quot;&gt; &lt;li&gt;&lt;a href=&quot;http://my-website.com/images/slides/1.jpg&quot; title=&quot;&quot;&gt;&lt;img src=&quot;http://my-website.com/images/slides/1.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;http://my-website.com/images/slides/2.jpg&quot; title=&quot;&quot;&gt;&lt;img src=&quot;http://my-website.com/images/slides/2.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;http://my-website.com/images/slides/3.jpg&quot; title=&quot;&quot;&gt;&lt;img src=&quot;http://my-website.com/images/slides/3.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;http://my-website.com/images/slides/4.jpg&quot; title=&quot;&quot;&gt;&lt;img src=&quot;http://my-website.com/images/slides/4.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt;</code></pre> <p>Obviously you need to adjust the url to the images and the slideshow css/js files. </p> http://www.kriesi.at/support/topic/how-to-install-aviaslider-step-by-step#post-87335 Mon, 10 Dec 2012 09:33:15 +0000 dlucci 87335@http://www.kriesi.at/support/ <p>Hi All,</p> <p>I just bought Aviaslider because I want to use it as a photo gallery slider show in my travel website.</p> <p>Honestly I thought was kind of easy to set up this plugin, but I did not find any set up instructions in the file zip to help me out, and there is nothing at all in internet to take for granted. </p> <p>I am now disappointed!</p> <p>How someone can sell something without giving instructions? </p> <p>Anyway...apart my critics...Can anyone kindly show me how to use this plugin into my website?</p> <p>I do not use it word press but SBI for building my website.</p> <p>Thanks a million to that person will stop by and be so gentle to help me.</p> <p>David </p> http://www.kriesi.at/support/topic/slider-image-adapting-width-delay#post-84957 Thu, 22 Nov 2012 07:05:58 +0000 Dude 84957@http://www.kriesi.at/support/ <p>Hi! </p> <p> No, I think you need to upscale your images and upload a bigger version of them. </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/slider-image-adapting-width-delay#post-84777 Tue, 20 Nov 2012 21:46:14 +0000 Sammetto 84777@http://www.kriesi.at/support/ <p>Didn't work. I tried the following too but no luck. I see it shows a repeated image for a fraction and then stretches it. Unfortunately I don't have larger images so it's my only option. Any other ideas?</p> <p>Thank you.</p> <pre><code>.autoslide_true.autoslidedelay__3.slideshow_featured.aviaslider_full.block_width__full.block_height__full.transition_type__.direction__.slideshow_container img { width: 930px !important;</code></pre> <p>} </p> http://www.kriesi.at/support/topic/slider-image-adapting-width-delay#post-84431 Sun, 18 Nov 2012 06:48:22 +0000 Dude 84431@http://www.kriesi.at/support/ <p>I'd upload images with a width of at least 930px - otherwise the slider javascript "streches" the images. However you can try following css code to resize the images before the slider displays them:</p> <pre><code>.slideshow_featured.aviaslider_full img{ width: 930px !important; }</code></pre> http://www.kriesi.at/support/topic/slider-image-adapting-width-delay#post-84394 Sat, 17 Nov 2012 17:31:04 +0000 Sammetto 84394@http://www.kriesi.at/support/ <p>Hello!<br /> I have set my slider to "Fullsize Aviaslider" and uploaded images which are smaller than 930px (slider width). When the slider fades from one image to another there is a delay in the adaptation of the width, which makes it show the same image twice. Is there any way of not making it adapt the width? or any other solution to stop it doing this?</p> <p>div name is: <code>class=&quot;autoslide_true autoslidedelay__3 slideshow_featured aviaslider_full block_width__full block_height__full transition_type__ direction__ slideshow_container&quot;</code></p> <p>Thanks! </p> http://www.kriesi.at/support/topic/change-slider-transition#post-84334 Fri, 16 Nov 2012 23:07:01 +0000 Nick 84334@http://www.kriesi.at/support/ <p>Hi,</p> <p>To quote Dude:</p> <p>"The aviaslider doesn't offer a horizontal slide effect because it's not possible to use this animation with the dynamic height feature. Only the fade transition is supported at the moment."</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/change-slider-transition#post-84161 Fri, 16 Nov 2012 04:19:48 +0000 siobhan13 84161@http://www.kriesi.at/support/ <p>Hi,<br /> I have the Corona theme and would like to find or 'add' a slider functionality that I thought was available.<br /> When using Aviaslider with transition type as slider, the only options for movement are diagonal, winding, randomized and all of these.</p> <p>I would like to have a full width, simple slider from right to left for some of my pages. Can you advise code or CSS I can add to make this possible please?</p> <p>Thanks, Siobhan </p> http://www.kriesi.at/support/topic/add-shadow-to-aviaslider-fullwidth#post-73420 Wed, 29 Aug 2012 06:27:24 +0000 Dude 73420@http://www.kriesi.at/support/ <p>Yes - you can add a shadow to fullsize slideshows. Other slideshows don't support shadows. Add following code to css/custom.css to activate the shadows:<br /> <pre><code>.slideshow_fullsize .bottom_shadow { background: url(&quot;../images/skin-minimal/shadow-featured.png&quot;) no-repeat scroll left top transparent; bottom: -5px; height: 11px; left: -12px; position: absolute; width: 954px; z-index: 1; }</code></pre> http://www.kriesi.at/support/topic/add-shadow-to-aviaslider-fullwidth#post-73353 Tue, 28 Aug 2012 23:43:19 +0000 boeellis 73353@http://www.kriesi.at/support/ <p>Friends... Forgive me for not being able to find an answer in the forum, but is it possible to add a shadow under the Aviaslider in Corona? If so, can you help me figure that out? Thanks in advance for you help. </p> http://www.kriesi.at/support/topic/add-shadow-to-aviaslider-fullwidth#post-73031 Mon, 27 Aug 2012 13:57:15 +0000 boeellis 73031@http://www.kriesi.at/support/ <p>Guys - thanks in advance for helping me with the code to add a shadow under the Aviaslider (Fullwidth)... </p> http://www.kriesi.at/support/topic/installed-habitat-aviaslider-wont-install-correctly#post-70526 Fri, 10 Aug 2012 20:34:16 +0000 BillThorness 70526@http://www.kriesi.at/support/ <p>That's a shame. I feel like this theme was billed/advertised incorrectly then. I purchased it because I thought that's what it could do. </p> http://www.kriesi.at/support/topic/installed-habitat-aviaslider-wont-install-correctly#post-70521 Fri, 10 Aug 2012 19:39:24 +0000 Devin 70521@http://www.kriesi.at/support/ <p>Hey BillThorness,</p> <p>In that case, you would need to use a separate plugin to create a slider with similar functionality and then insert the code to display it in the index.php before the loop of posts gets output.</p> <p>As far as I know the theme doesn't have support without some significant re-coding to get that kind of effect.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/installed-habitat-aviaslider-wont-install-correctly#post-70518 Fri, 10 Aug 2012 19:23:17 +0000 BillThorness 70518@http://www.kriesi.at/support/ <p>I know this isn't even a blog, this is a company, but see how this slider each image takes you somewhere new? </p> <p><a href="http://www.mountaineersbooks.org/" rel="nofollow">http://www.mountaineersbooks.org/</a></p> <p>That's what I want the slider on my homepage to do. Each image pulling from a different blog post. Click it, and you go to that post. Is this possible? </p> http://www.kriesi.at/support/topic/installed-habitat-aviaslider-wont-install-correctly#post-70516 Fri, 10 Aug 2012 19:22:08 +0000 BillThorness 70516@http://www.kriesi.at/support/ <p>I've done that, you can see it on my homepage. The issue I'm having is it's only showing images from my last post. I want to be able to have the slider show images from say, my five most recent posts. That way a user arrives, sees an image, is interested, and when they click they head to that post only. Right now the images I have scrolling only take a user all to the same post. </p> http://www.kriesi.at/support/topic/installed-habitat-aviaslider-wont-install-correctly#post-70515 Fri, 10 Aug 2012 19:16:15 +0000 Devin 70515@http://www.kriesi.at/support/ <p>Hi BillThorness,</p> <p>On the right hand side of the post editor there should be a box labeled Featured Images. It looks like:<br /> <img src="http://i46.tinypic.com/dr9i50.png"></p> <p>Make sure you are using this box to add in your images for the featured images of that post. You can select Insert Image to add your first one and then hit the + symbol on the bottom left to add additional images.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/installed-habitat-aviaslider-wont-install-correctly#post-70511 Fri, 10 Aug 2012 19:08:13 +0000 BillThorness 70511@http://www.kriesi.at/support/ <p>I have gone into two of my posts on <a href="http://coolseasongardening.com/" rel="nofollow">http://coolseasongardening.com/</a> and selected images and made them "featured images". I also made sure that the slider is set, it's set to fade, use full images, etc. But the feature images are only appearing on the top of each post. I want the featured images to all come together at the top of my blog and rotate. If a user clicks on that image in the large slider, I then want it to direct someone to the single post associated with that image. Am I supposed to add some special code to make this happen? </p> <p>Thanks </p>