Support Forum - User Favorites: SNMedia

Support Forum - User Favorites: SNMedia snmedia Support Forum - User Favorites: SNMedia en-US Wed, 22 May 2013 10:24:03 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Chris Beard on "AviaSlider How to Use? Need help" http://www.kriesi.at/support/topic/aviaslider-how-to-use-need-help#post-26906 Wed, 14 Sep 2011 01:14:00 +0000 Chris Beard 26906@http://www.kriesi.at/support/ Ok, what exactly would you like to know? We can't provide support for integrating this with Wordpress as it should be clear it is a standalone script. You can upload the files to your host and include the needed files in the template you're using, you'll also need to make sure your content follows this markup: <pre><code><ul class="aviaslider"> <li><img src="path/to/image.png" /></li> <li><img src="path/to/image.png" /></li> <li><img src="path/to/image.png" /></li> </ul></code></pre> I hope this helps you on your way =] chris on "AviaSlider How to Use? Need help" http://www.kriesi.at/support/topic/aviaslider-how-to-use-need-help#post-26901 Wed, 14 Sep 2011 00:30:29 +0000 chris 26901@http://www.kriesi.at/support/ ??? and that tell's me what? I am so lost here. Chris Beard on "AviaSlider How to Use? Need help" http://www.kriesi.at/support/topic/aviaslider-how-to-use-need-help#post-26889 Tue, 13 Sep 2011 20:27:27 +0000 Chris Beard 26889@http://www.kriesi.at/support/ Hey, you can try and install it and adjust the file locations as suggested <a href="http://www.kriesi.at/support/topic/avia-slider-in-wordpress-theme#post-9431">here</a>. I can only confirm this wasn't made for Wordpress and it's quite the task to adjust everything. chris on "AviaSlider How to Use? Need help" http://www.kriesi.at/support/topic/aviaslider-how-to-use-need-help#post-26805 Mon, 12 Sep 2011 17:56:32 +0000 chris 26805@http://www.kriesi.at/support/ Hello, I just purchased this plugin, download, ((yes I attempted to upload it to my wordpress)) opps! Now I find out out that it is not a typical wordpress plugin. So now I need help on how to use and implement it, since I have already paid for it and love the look of the demo. Can someone point in the right direction? Thanks, Dude on "Avia Slider Installation" http://www.kriesi.at/support/topic/avia-slider-installation-1#post-19961 Fri, 27 May 2011 05:11:47 +0000 Dude 19961@http://www.kriesi.at/support/ Hey, Aviaslider is a standalone html script and not a wordpress plugin. You can't use it with wordpress out of the box. zero__ on "Avia Slider Installation" http://www.kriesi.at/support/topic/avia-slider-installation-1#post-19951 Fri, 27 May 2011 01:35:42 +0000 zero__ 19951@http://www.kriesi.at/support/ Hi, sorry for the question, surely someone wondering the same thing but my English is not good. Buy Avia Slider plugin in the zip and see the folders * __MACOSX * documentation_html * html * psd When trying to install I get an installation error: The plugin does not have a valid header. I could indicate how to install or correct folders to upload? Thanks Dude on "How to install aviaslider slideshow using Dreameweaver CS5" http://www.kriesi.at/support/topic/how-to-install-aviaslider-slideshow-using-dreameweaver-cs5#post-19617 Sun, 22 May 2011 08:11:38 +0000 Dude 19617@http://www.kriesi.at/support/ Hey, can you post a link to your sample page/test page? njaneer on "How to install aviaslider slideshow using Dreameweaver CS5" http://www.kriesi.at/support/topic/how-to-install-aviaslider-slideshow-using-dreameweaver-cs5#post-19566 Sat, 21 May 2011 06:10:45 +0000 njaneer 19566@http://www.kriesi.at/support/ I successfully setup the aviaslider based on the code that you provided. Thanks. However, when testing the slider, the location of the slides appear in the upper left corner of the web page; yet, I placed the html code that locates the jpegs in the bottom-center position of the page. I'm not sure why the code displays the jpegs in the desired location, but the actual slide show appears in the upper left corner of the webpage simultaneously. I suspect this may have to do with a CSS location settings. Need assistance in locating the slide show and hiding the jpegs when loading the page. Thanks for your help. Dude on "How to install aviaslider slideshow using Dreameweaver CS5" http://www.kriesi.at/support/topic/how-to-install-aviaslider-slideshow-using-dreameweaver-cs5#post-19506 Fri, 20 May 2011 06:05:54 +0000 Dude 19506@http://www.kriesi.at/support/ Hey, first include following files in the 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: <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 paths :) njaneer on "How to install aviaslider slideshow using Dreameweaver CS5" http://www.kriesi.at/support/topic/how-to-install-aviaslider-slideshow-using-dreameweaver-cs5#post-19488 Fri, 20 May 2011 04:27:05 +0000 njaneer 19488@http://www.kriesi.at/support/ Installation instructions seem to be cryptic (at least from my perspective). Need guidance on how to install aviaslider using Dreamweaver CS5. Not familiar with jquery applications; so, any help in facilitating installation would be great. Thanks. Dude on "Avia Slider" http://www.kriesi.at/support/topic/avia-slider-6#post-17789 Mon, 25 Apr 2011 15:33:58 +0000 Dude 17789@http://www.kriesi.at/support/ Hey, first include following files in the 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: <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 paths :) mattBogi on "Avia Slider" http://www.kriesi.at/support/topic/avia-slider-6#post-17785 Mon, 25 Apr 2011 13:41:28 +0000 mattBogi 17785@http://www.kriesi.at/support/ hi, i've just purchased your avia slider as I needed a jquery gallery for a school assignment, but jquery and javascript are not really my strong points and i can't find a way to include it in my website. could you give step-by-step instructions. Thank you very much Dude on "Avia Slider documentation" http://www.kriesi.at/support/topic/avia-slider-documentation-2#post-16736 Mon, 11 Apr 2011 12:21:27 +0000 Dude 16736@http://www.kriesi.at/support/ Hey, currently we don't offer tutorial videos for Habitat. James posted a video which helps you to install ans setting up themes in general. pictureme2 on "Avia Slider documentation" http://www.kriesi.at/support/topic/avia-slider-documentation-2#post-16696 Sun, 10 Apr 2011 17:39:03 +0000 pictureme2 16696@http://www.kriesi.at/support/ I am sorry but I am here to look for videos on using Habitat. Do we have that or no? Dude on "Avia Slider Installation Help" http://www.kriesi.at/support/topic/avia-slider-installation-help#post-10882 Tue, 04 Jan 2011 09:39:45 +0000 Dude 10882@http://www.kriesi.at/support/ Hey, first you need to use the correct path to your js file. I'd put the javascript code in the head section (header.php, etc.). I'm not sure where it's located on your server but you should use an absolute url like: <pre><code><script type='text/javascript' src='http://my-website/wp-content/themes/mytheme/js/jquery.aviaSlider.min.js'></script></code></pre> You also need to add following javascript code (i.e. to your head section) - please use your slider id instead of "frontpage-slider": <pre><code><script type='text/javascript'> $('#frontpage-slider').aviaSlider({ blockSize: {height: 80, width:80}, transition: 'slide', display: 'diagonaltop', switchMovement: true }); </script></code></pre> then you need to create a list of images in your body section, please notice the id - you can choose any id you like :) <pre><code><ul class='aviaslider' id="frontpage-slider"> <li><a href="images/slides/1.jpg" title="" ><img src="images/slides/1.jpg" alt="" /></a></li> <li><a href="images/slides/2.jpg" title=""><img src="images/slides/2.jpg" alt="A heading of your choice :: This is the image description defined in your alt tag" /></a></li> <li><a href="images/slides/5.jpg" title=""><img src="images/slides/3.jpg" alt="Another heading :: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor" /></a></li> <li><a href="images/slides/4.jpg" title=""><img src="images/slides/4.jpg" alt="No Heading, just a line of content" /></a></li> <li><a href="images/slides/5.jpg" title=""><img src="images/slides/5.jpg" alt="" /></a></li> </ul></code></pre> jasonhobbsllc on "Avia Slider Installation Help" http://www.kriesi.at/support/topic/avia-slider-installation-help#post-10829 Sun, 02 Jan 2011 15:48:35 +0000 jasonhobbsllc 10829@http://www.kriesi.at/support/ 3. This was the html5 btw I cant get it to let me put the code so it was from this link: <a href="http://www.kriesi.at/support/topic/avia-slider-documentation-2" rel="nofollow">http://www.kriesi.at/support/topic/avia-slider-documentation-2</a> jasonhobbsllc on "Avia Slider Installation Help" http://www.kriesi.at/support/topic/avia-slider-installation-help#post-10828 Sun, 02 Jan 2011 15:41:34 +0000 jasonhobbsllc 10828@http://www.kriesi.at/support/ I am installing it on a theme (PageLines Platform Pro if that matters) which I am already using for my website at jasonhobbsllc.com and the documentation has me more confused than when I started. 1. I added this to my header: [script type='text/javascript' src='js/jquery.aviaSlider.min.js'></script] with these "[" replaced by ">" 2. Then I uploaded the html file from the Themeforest Download zip file to my public_html file. 3. Then I added this html5 to a full-width widget area which is what I was planning to use for inserting the slideshow to my new home page that I am building. Its not working so I know I messed something up but not clear what or how to fix it. Thanks for any help, Jason Dude on "Avia Slider documentation" http://www.kriesi.at/support/topic/avia-slider-documentation-2#post-9354 Wed, 24 Nov 2010 07:17:42 +0000 Dude 9354@http://www.kriesi.at/support/ You can upload the files anywhere you want - you just need to use correect source paths. i.e. if you upload jquery.aviaSlider.min.js to wp-content/uploads/ you need to use <a href="http://my-url/wp-content/uploads/jquery.aviaSlider.min.js" rel="nofollow">http://my-url/wp-content/uploads/jquery.aviaSlider.min.js</a> The javascript code should be part of the head section. The slider images (image list) can be used within the body section. jaredf on "Avia Slider documentation" http://www.kriesi.at/support/topic/avia-slider-documentation-2#post-9353 Wed, 24 Nov 2010 04:58:00 +0000 jaredf 9353@http://www.kriesi.at/support/ Ok so where do I upload the files? Where do I enter the code? Thanks in advance! jaredf on "Avia Slider documentation" http://www.kriesi.at/support/topic/avia-slider-documentation-2#post-9342 Tue, 23 Nov 2010 20:52:26 +0000 jaredf 9342@http://www.kriesi.at/support/ So where do I put this code? Sorry but I need a basic walkthrough. Thanks! Dude on "Avia Slider documentation" http://www.kriesi.at/support/topic/avia-slider-documentation-2#post-9303 Tue, 23 Nov 2010 11:26:28 +0000 Dude 9303@http://www.kriesi.at/support/ First you need to include the slider js files: i.e. like: <pre><code><script type='text/javascript' src='js/jquery.aviaSlider.min.js'></script></code></pre> Then you need to call it like: <pre><code><script type='text/javascript'> $('#slider1').aviaSlider(); </script></code></pre> Next you need to create the slider list which contains the images: <pre><code><ul class="aviaslider" id='slider1'> <li><a href="images/slides/1.jpg" title=""><img src="images/slides/1.jpg" alt="" /></a></li> <li><a href="images/slides/2.jpg" title=""><img src="images/slides/2.jpg" alt="" /></a></li> <li><a href="images/slides/3.jpg" title=""><img src="images/slides/3.jpg" alt="" /></a></li> <li><a href="images/slides/4.jpg" title=""><img src="images/slides/4.jpg" alt="" /></a></li> </ul></code></pre> That's it. jaredf on "Avia Slider documentation" http://www.kriesi.at/support/topic/avia-slider-documentation-2#post-9291 Tue, 23 Nov 2010 04:27:29 +0000 jaredf 9291@http://www.kriesi.at/support/ Upon reading the documentation there is no mention of PHP in the entire document. Please advise. jaredf on "Avia Slider documentation" http://www.kriesi.at/support/topic/avia-slider-documentation-2#post-9290 Tue, 23 Nov 2010 04:26:03 +0000 jaredf 9290@http://www.kriesi.at/support/ I have purchased the habitat theme and the slider but want to encorporate the slider in another theme I am working on. I'll try the documentation it was very hard to figure out tho. Dude on "Avia Slider documentation" http://www.kriesi.at/support/topic/avia-slider-documentation-2#post-9165 Sat, 20 Nov 2010 09:04:31 +0000 Dude 9165@http://www.kriesi.at/support/ Hey, Where do you want to implement aviaslider? Do you want to use it just on another site which is running our theme or do you want to use it for a completely different theme/site? You'll find a documentation file in your themeforest aviaslider package which helps you to integrate the slider in html and/or php code. jaredf on "Avia Slider documentation" http://www.kriesi.at/support/topic/avia-slider-documentation-2#post-9145 Fri, 19 Nov 2010 21:09:47 +0000 jaredf 9145@http://www.kriesi.at/support/ How do I implement it in wordpress? I purchased one of your themes but want to use the script on another site... thats why i purchased it. Dude on "Avia Slider documentation" http://www.kriesi.at/support/topic/avia-slider-documentation-2#post-9140 Fri, 19 Nov 2010 20:38:14 +0000 Dude 9140@http://www.kriesi.at/support/ No, it's a standalone javascript. At the moment there's no plugin version available. jaredf on "Avia Slider documentation" http://www.kriesi.at/support/topic/avia-slider-documentation-2#post-9139 Fri, 19 Nov 2010 20:21:20 +0000 jaredf 9139@http://www.kriesi.at/support/ I just purchased this but when I tryin and install on wordpress it fails. Is this not a wordpress plugin? Dude on "Avia Slider documentation" http://www.kriesi.at/support/topic/avia-slider-documentation-2#post-9014 Wed, 17 Nov 2010 07:22:23 +0000 Dude 9014@http://www.kriesi.at/support/ A sample code is included in your themeforest package. You'll find a html file there which uses "custom.js" to display various aviasliders. The code you posted above can be used like: <pre><code><script type='text/javascript'> $('#slider1').aviaSlider(); </script></code></pre> Please use it in your <head> section. mgy13 on "Avia Slider documentation" http://www.kriesi.at/support/topic/avia-slider-documentation-2#post-8983 Tue, 16 Nov 2010 09:48:55 +0000 mgy13 8983@http://www.kriesi.at/support/ Thanks I got the documentation now. I know this is probably a stoooopid question but I don't have much experience with this stuff - but where do i put the $('#slider1').aviaSlider(); code on my page? Or perhaps it might be easier if there is a live example of the basic set up of the slideshow somewhere, where i can look at all the code myself and work it out from there (a good - if slow) way to learn. Thanks Dude on "Avia Slider documentation" http://www.kriesi.at/support/topic/avia-slider-documentation-2#post-8977 Tue, 16 Nov 2010 08:09:58 +0000 Dude 8977@http://www.kriesi.at/support/ A documentation file (html) should be included. However I've uploaded the documentation here: <a href="http://www.mediafire.com/?xa3hii1r2q77zrt" rel="nofollow">http://www.mediafire.com/?xa3hii1r2q77zrt</a>