http://www.kriesi.at/support/topic/how-to-install-aviaslider-slideshow-using-dreameweaver-cs5 Support Forum - Topic: How to install aviaslider slideshow using Dreameweaver CS5 en-US Thu, 20 Jun 2013 04:38:41 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php 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/ <p>Hey,<br /> can you post a link to your sample page/test page? </p> 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/ <p>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. </p> 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/ <p>Hey,<br /> first include following files in the head:<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:<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 paths :) </p> 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/ <p>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. </p> <p>Thanks. </p>