http://www.kriesi.at/support/topic/aviaslider-problems-optionscontrol Support Forum - Topic: Aviaslider Problems - Options/Control en-US Sun, 19 May 2013 18:50:36 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/aviaslider-problems-optionscontrol#post-16811 Tue, 12 Apr 2011 08:50:22 +0000 James Morrison 16811@http://www.kriesi.at/support/ <p>Hey,</p> <p>Have you checked the size of the slides matches the size of the container exactly?</p> <p>I came across this issue a while ago and it was because the images' size didn't match the container.</p> <p>What's the site URL?</p> <p>James </p> http://www.kriesi.at/support/topic/aviaslider-problems-optionscontrol#post-16770 Mon, 11 Apr 2011 13:56:21 +0000 morganiser 16770@http://www.kriesi.at/support/ <p>Hi,<br /> apologies for hijacking this thread. I purchased Aviaslider last night and have so far installed it on a (local) site and it's zooming with lightbox but I have some issues:<br /> The slides are 700px by 443px, they display fine but it's doing the drop curtain fade and always duplicates a small section of the left side of the image on the right which then disappears and the slide becomes 700x443 again.<br /> I cannot make it do a simple slide in from the right slide - I dont want any fancy animation just simple right to left slide in.<br /> The controls beneath the slides will not appear despite the files from the download being there.<br /> My code is:<br /> &lt;!-- lightbox CSS --&gt;<br /> &lt;link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" /&gt;<br /> &lt;!-- ########## end css ########## --&gt;<br /> &lt;!-- JAVASCRIPT GOES HERE --&gt;<br /> &lt;script type='text/javascript' src='js/jquery.js'&gt;&lt;/script&gt;<br /> &lt;script src="js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript"&gt;&lt;/script&gt;<br /> &lt;!--this file includes the aviaslider: --&gt;<br /> &lt;script type='text/javascript' src='js/jquery.aviaSlider.js'&gt;&lt;/script&gt;<br /> &lt;!--this file includes the activation call for the avia slider. You should edit here: --&gt;<br /> &lt;script type='text/javascript' src='js/custom.min.js'&gt;&lt;/script&gt;<br /> and...<br /> &lt;ul class='aviaslider' id="frontpage-slider"&gt;<br /> unordered list for 5 slides etc<br /> and...<br /> var defaults =<br /> {<br /> slides: 'li', // wich element inside the container should serve as slide<br /> animationSpeed: 900, // animation duration<br /> autorotation: true, // autorotation true or false?<br /> autorotationSpeed:3, // duration between autorotation switch in Seconds<br /> appendControlls: '', // element to apply controlls to<br /> slideControlls: 'items', // controlls, yes or no?<br /> blockSize: {height: '443', width:'700'},<br /> betweenBlockDelay:60,<br /> display: 'topleft',<br /> switchMovement: false,<br /> showText: true,<br /> transition: 'slide', //slide, fade or drop<br /> backgroundOpacity:0.8, // opacity for background<br /> transitionOrder: ['diagonaltop', 'diagonalbottom','topleft', 'bottomright', 'random']<br /> };<br /> any help would be gratefully received.<br /> Thanks </p>