Support Forum - Tag: Avia Slider

Support Forum - Tag: Avia Slider - Recent Posts http://www.kriesi.at/support/tags/avia-slider Support Forum - Tag: Avia Slider - Recent Posts en-US Thu, 23 May 2013 03:06:37 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Dude on "Avia Slider Issues" http://www.kriesi.at/support/topic/avia-slider-issues/page/2#post-104472 Fri, 05 Apr 2013 08:03:38 +0000 Dude 104472@http://www.kriesi.at/support/ The slider works better now - I just noticed a small shift between the transitions. You can try to replace: <pre><code><ul id="aviaslider"></code></pre> with: <pre><code><ul id="aviaslider" class="aviaslider"></code></pre> - otherwise the styling code of the slider doesn't work as expected. geobum on "Avia Slider Issues" http://www.kriesi.at/support/topic/avia-slider-issues#post-104431 Fri, 05 Apr 2013 01:33:02 +0000 geobum 104431@http://www.kriesi.at/support/ Dude, I added the code you posted into the style.css file and same issue :(. Nick, my hands are tied because the whole website rests on a shopping cart platform. Aside from switching shopping carts, I'm locked into whatever arcane stuff the platform uses :(. Paul Nick on "Avia Slider Issues" http://www.kriesi.at/support/topic/avia-slider-issues#post-103957 Tue, 02 Apr 2013 08:11:33 +0000 Nick 103957@http://www.kriesi.at/support/ Hi, Wow! An ASP 3.0 website, I miss that language still. But I would consider switching to table-less design. It was very difficult to switch to css/div but Google Developer Tools make life a lot easier making changes than it was possible with tables. Good luck! Nick Dude on "Avia Slider Issues" http://www.kriesi.at/support/topic/avia-slider-issues#post-103941 Tue, 02 Apr 2013 06:23:17 +0000 Dude 103941@http://www.kriesi.at/support/ Hey! Try to add following css code to your theme stylesheet: <pre><code>ul#aviaslider{ position: relative !important; }</code></pre> Best regards, Peter geobum on "Avia Slider Issues" http://www.kriesi.at/support/topic/avia-slider-issues#post-103744 Sun, 31 Mar 2013 19:43:31 +0000 geobum 103744@http://www.kriesi.at/support/ sorry didn't want people to watch me trouble shoot on main page, so complete link to my slider "woes" is: <a href="http://www.mykittyblock.com/slider_ep_41-1.html" rel="nofollow">http://www.mykittyblock.com/slider_ep_41-1.html</a> hopefully someone sees this and can help me soon. thanks paul geobum on "Avia Slider Issues" http://www.kriesi.at/support/topic/avia-slider-issues#post-103740 Sun, 31 Mar 2013 17:52:39 +0000 geobum 103740@http://www.kriesi.at/support/ Need some help with my slider. I've made no special tweaks, just uploaded to ftp site and put files where they need to go. My issue is that the next image in the slide "preloads" on top of the page about half a second before loading in the appropriate spot. website address is <a href="http://www.mykittyblock.com" rel="nofollow">http://www.mykittyblock.com</a> any help would be very much appreciated. Paul Ismael on "Avia Slider Issues" http://www.kriesi.at/support/topic/avia-slider-issues#post-92174 Fri, 18 Jan 2013 00:10:53 +0000 Ismael 92174@http://www.kriesi.at/support/ Hi, On the Featured Media there is "Apply link to the image?" option, you can select "Link Manually" then supply the URL. If you don't want any link select "No Link". Can you give us a link to your website so that we can inspect the slider? Regards, Ismael MikeChatfield on "Avia Slider Issues" http://www.kriesi.at/support/topic/avia-slider-issues#post-92090 Thu, 17 Jan 2013 16:07:09 +0000 MikeChatfield 92090@http://www.kriesi.at/support/ Sorry if this isn't in the right place but I don't seem to be able to find where to start a new topic OR find a topic which is answering my question and I don't have hours to search it out. I have purchased the Avia Slider and need to know these things: - How do I link the slides to other web-pages or remove the links? - How do I change the width of the slider? Any help, links to answers etc. would be great thanks. Devin on "Using HTML content in slides / avia slideshow ?" http://www.kriesi.at/support/topic/using-html-content-in-slides-avia-slideshow#post-90077 Fri, 04 Jan 2013 15:52:42 +0000 Devin 90077@http://www.kriesi.at/support/ For overall SEO the image vs a few lines of html shouldn't make any difference on your search ranking. If you have the content elsewhere it will only get read by any crawlers once anyway. Lists specifically you'll have issues with. You can add other html into the caption box (divs or anything else) but lists inside the slideshow are already getting effected by all the list rules that create the slideshow. Not impossible, just messy. As an example, if you wrap the list in a div called html-slide, you would then need to add the following css to your custom.css file or Quick CSS: <pre><code>.html-slide ul { display: block; } #top .html-slide ul li{ display: block; visibility: visible !important; position: relative; } .html-slide { display: block; }</code></pre> Regards, Devin hotspot on "Using HTML content in slides / avia slideshow ?" http://www.kriesi.at/support/topic/using-html-content-in-slides-avia-slideshow#post-90027 Fri, 04 Jan 2013 08:25:26 +0000 hotspot 90027@http://www.kriesi.at/support/ Hi Devin, For SEO this is not really the way to go. And when making changes to the content it's very time consuming. No other option to add the 'li' tag, since 'em' does work its a bit strange... Any ideas? Ismael on "How to Install AviaSlider step by step?" 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/ Hey, Glad you fixed it. :) Regards, Ismael AzArgyll on "How to Install AviaSlider step by step?" 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/ 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. Thanks, AzArgyll on "How to Install AviaSlider step by step?" 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/ Thanks Devin for your response. That put the controls there, though that isn't the problem I'm having. 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. I'm wondering if there is a specific version of php required for the scripts or am I doing something wrong in the html? Devin on "How to Install AviaSlider step by step?" 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/ Hi AzArgyll, 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>layout folder. Then upload it to your images>layout folder. Regards, Devin AzArgyll on "How to Install AviaSlider step by step?" 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/ 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. 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. <a href="http://dragonsflight.biz/demo/" rel="nofollow">http://dragonsflight.biz/demo/</a> Devin on "Using HTML content in slides / avia slideshow ?" http://www.kriesi.at/support/topic/using-html-content-in-slides-avia-slideshow#post-89877 Thu, 03 Jan 2013 18:54:07 +0000 Devin 89877@http://www.kriesi.at/support/ Hi hotspot, You can use iframe content as a slide but it would be loading in another html page into the slideshow area and not adding it directly to there. If you wanted it to appear like a caption, the most basic and probably best route is to create your image with the text list and use only an image instead of trying to add basic html. Regards, Devin hotspot on "Using HTML content in slides / avia slideshow ?" http://www.kriesi.at/support/topic/using-html-content-in-slides-avia-slideshow#post-89822 Thu, 03 Jan 2013 16:03:18 +0000 hotspot 89822@http://www.kriesi.at/support/ Hi, I want to use html content in slides (for list etc.). When using html everything goes wrong.... Isn't it possible to use html code? And if not, is there a way to do use html in the slides? Dude on "Avia Slider - Transition In for first image?" http://www.kriesi.at/support/topic/avia-slider-transition-in-for-first-image#post-89044 Thu, 20 Dec 2012 07:21:17 +0000 Dude 89044@http://www.kriesi.at/support/ Tbh I'm not sure if this is possible and I'll mark the thread for Kriesi. A possible workaround would be to call slideWrapper.methods.switchSlide() directly in the init function/constructor - by going this way you'll display the "second" slide as "first" slide however you don't need to take care of the animation code... penneykh on "Avia Slider - Transition In for first image?" http://www.kriesi.at/support/topic/avia-slider-transition-in-for-first-image#post-88980 Wed, 19 Dec 2012 17:32:15 +0000 penneykh 88980@http://www.kriesi.at/support/ Hi, Great script so far :). However, I did have one nuance I was hoping you could help with. My client would like the first slide to "transition" in like the other slides - as opposed to just showing up after the preloading icon. I am assuming I need to edit the preloadingDone function but I'm not really sure how to call the transition. Any insight on how to do this is greatly appreciated. Thanks, Kevin Devin on "How to Install AviaSlider step by step?" 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/ 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. You need to build the slideshow using the code sample and then paste in the HTML to your page where you want it. If you can view the HTML of your home page, then you can use this. Regards, Devin dlucci on "How to Install AviaSlider step by step?" 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/ Hi Devin, for embed code, I mean to copy and paste the hotml code into my webpage and so to get it published. 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. 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. Maybe do I have to use a CMS? Devin on "How to Install AviaSlider step by step?" 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/ Hi David, 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. I'm not sure what you mean by embed code, could you explain a bit more? Regards, Devin dlucci on "How to Install AviaSlider step by step?" 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/ Ok thanks for your prompt reply. But I am wondering where I have to write these codes. and I need to make an embed code to put into my website. It will works? Thanks Dude on "How to Install AviaSlider step by step?" 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/ Hey, first include following files in the head section (before the closing head tag which looks like </head>): <pre><code>  <link rel="stylesheet" href="http://my-website.com/aviaslider/style.css" type="text/css" media="screen" />   <script type='text/javascript' src='http://my-website.com/aviaslider/js/jquery.js'></script> <script type='text/javascript' src='http://my-website.com/aviaslider/js/jquery.aviaSlider.min.js'></script> <script type='text/javascript'> jQuery(document).ready(function(){ // here you can see the slide options jQuery('#aviaslider').aviaSlider(); }); </script></code></pre> And in the body section, add following code to display the slideshow/images: <pre><code><ul id="aviaslider"> <li><a href="http://my-website.com/images/slides/1.jpg" title=""><img src="http://my-website.com/images/slides/1.jpg" alt="" /></a></li> <li><a href="http://my-website.com/images/slides/2.jpg" title=""><img src="http://my-website.com/images/slides/2.jpg" alt="" /></a></li> <li><a href="http://my-website.com/images/slides/3.jpg" title=""><img src="http://my-website.com/images/slides/3.jpg" alt="" /></a></li> <li><a href="http://my-website.com/images/slides/4.jpg" title=""><img src="http://my-website.com/images/slides/4.jpg" alt="" /></a></li> </ul></code></pre> Obviously you need to adjust the url to the images and the slideshow css/js files. dlucci on "How to Install AviaSlider step by step?" 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/ Hi All, I just bought Aviaslider because I want to use it as a photo gallery slider show in my travel website. 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. I am now disappointed! How someone can sell something without giving instructions? Anyway...apart my critics...Can anyone kindly show me how to use this plugin into my website? I do not use it word press but SBI for building my website. Thanks a million to that person will stop by and be so gentle to help me. David Dude on "avia slider not complete" http://www.kriesi.at/support/topic/avia-slider-not-complete-1#post-68439 Tue, 31 Jul 2012 06:09:23 +0000 Dude 68439@http://www.kriesi.at/support/ Search for following code in jquery.aviaSlider.js: <pre><code>$('<div class="kBlock"></div>').appendTo(slideWrapper).css({ zIndex:20, position:'absolute', display:'none', left:posX, top:posY, height:options.blockSize.height, width:options.blockSize.width, backgroundPosition:bgOffset });</code></pre> However be careful because you can break the animation easily. Mya on "avia slider not complete" http://www.kriesi.at/support/topic/avia-slider-not-complete-1#post-68402 Mon, 30 Jul 2012 21:53:00 +0000 Mya 68402@http://www.kriesi.at/support/ Hi Kornea, I'm not really sure what you're asking about. I'm going to tag the rest of the team to see if they can help. Regards, Mya Kornea on "avia slider not complete" http://www.kriesi.at/support/topic/avia-slider-not-complete-1#post-68338 Mon, 30 Jul 2012 11:45:42 +0000 Kornea 68338@http://www.kriesi.at/support/ please help me Kornea on "avia slider not complete" http://www.kriesi.at/support/topic/avia-slider-not-complete-1#post-68336 Mon, 30 Jul 2012 11:30:06 +0000 Kornea 68336@http://www.kriesi.at/support/ how to edit class kBlock ( you can found class kBlock at jquery.aviaSlider.js ) i want to edit top left width height of kBlock Dude on "avia slider not complete" http://www.kriesi.at/support/topic/avia-slider-not-complete-1#post-68170 Sun, 29 Jul 2012 07:49:57 +0000 Dude 68170@http://www.kriesi.at/support/ Tbh it's hard to say what causes the issue without investigating the slider code first hand. However you can try to use following html code instead: <pre><code><ul id="aviaslider"> <li><img src="http://my url/images/slides/1.jpg" alt="" /></li> <li><img src="http://my url/images/slides/2.jpg" alt="" /></li> </ul></code></pre> Because the a href element is not required.