Support Forum - Topic: WP Newcast and aviaslider, images do not match

Support Forum - Topic: WP Newcast and aviaslider, images do not match http://www.kriesi.at/support/topic/wp-newcast-and-aviaslider-images-do-not-match Support Forum - Topic: WP Newcast and aviaslider, images do not match en-US Sun, 19 May 2013 01:16:46 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php rrivero0 on "WP Newcast and aviaslider, images do not match" http://www.kriesi.at/support/topic/wp-newcast-and-aviaslider-images-do-not-match#post-37120 Tue, 10 Jan 2012 02:13:09 +0000 rrivero0 37120@http://www.kriesi.at/support/ <p>Hello, buy the aviaslider, and I tried to follow the instructions given in the forum to install WP, and<br /> I managed to get the images change, but do not appear in the same place so the effect is not well<br /> I have installed the theme Newcast 4 in 1, which is excellent, but I want to add this effect to internal pages aviation,<br /> if you could tell me I'm doing wrong?, not where I place files that brings aviaslider folder, I place it inside WP plugins now Nose to do because there are two Newcast custom.js and that of the aviaslider must be put together?</p> <p>This is the blog to see what happens: <a href="http://www.epicatours.byethost32.com/?page_id=313" rel="nofollow">http://www.epicatours.byethost32.com/?page_id=313</a></p> <p>and this is the code I put on the page</p> <p><br /> <script type="text/javascript" src="http://www.epicatours.byethost32.com/wp-content/plugins/aviaslider/html/js/jquery.js"></script></p> <p><br /> <script type="text/javascript" src="http://www.epicatours.byethost32.com/wp-content/plugins/aviaslider/html/js/jquery.aviaSlider.js"></script></p> <p><br /> <link rel="stylesheet" href="http://www.epicatours.byethost32.com/wp-content/plugins/aviaslider/html/js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" /> <script src="http://www.epicatours.byethost32.com/wp-content/plugins/aviaslider/html/js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript"></script></p> <p><script type="text/javascript" charset="utf-8"><br /> $(document).ready(function(){<br /> $("a[rel^='prettyPhoto']").prettyPhoto();<br /> });<br /> </script></p> <p><script type='text/javascript'> jQuery(document).ready(function(){ //activate the lightbox jQuery('a[href$=jpg], a[href$=png], a[href$=gif], a[href$=jpeg]').prettyPhoto({theme: "light_square"}); // here you can see the slide options I used in the demo page. depending on the id of the slider aifferent<br /> jQuery('#slider').aviaSlider({<br /> blockSize: {height: 80, width:80},<br /> transition: 'slide',<br /> display: 'all',<br /> transitionOrder: ['diagonaltop', 'diagonalbottom','topleft', 'bottomright', 'random']<br /> }); }); </script></p> <p><div id="incontent"><br /> <ul class='aviaSlider' id="slider"></p> <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 " /></a></li> <li><a href="images/slides/5.jpg" title=""><img src="images/slides/3.jpg" alt="Another heading :: " /></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> <p></div></p> <p>Thank you very much for your help </p>