not a support questionHi ,
I have downloaded Avia Slider from Code Canyon and have tried to install on my Thesis WordPress site.
At this point I have the preload.gif showing but none of the images show nor transitions will start. Any idea what I have done wrong?
Thanks for your help,
beachgypsy
nevermind.....figured it out.....thanks ;)
Hi!
Glad you got this figured out, most of the time the demo / documentation will get you started without any issues :)
Regards,
James
Having the same problem, just have a loading icon no sliding pics
http://philshepardllc.offbrandmedia.com/
from the <head>
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/jquery.aviaSlider.min.js"></script>
<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/custom.min.js"></script>
<script type="text/javascript">
$('#frontslider').aviaSlider({
blockSize: {height:80, width:80},
transition: 'drop',
display: 'topleft',
slides:"li"
});
</script><in the <body>
<ul class="aviaslider" id="frontslider">
<li><a href="/wp-content/themes/PhilShep/images/slides/vs.jpg" title=""><img src="wp-content/themes/PhilShep/images/slides/vs.jpg" alt="" /></a></li>
<li><a href="/wp-content/themes/PhilShep/images/slides/vs1.jpg" title=""><img src="wp-content/themes/PhilShep/images/slides/vs1.jpg" alt="" /></a></li>
<li><a href="/wp-content/themes/PhilShep/images/slides/vs2.jpg" title=""><img src="wp-content/themes/PhilShep/images/slides/vs2.jpg" alt="" /></a></li>
</ul>not sure what ive done wrong, any help would be great as I am very new to js
thanks
PhilB
Hey!
Had a quick look at the site, all your JS files are giving me 404 - Page Not Found errors. Can you check the path to the files and try again?
Regards,
James
Hi, I don't see how to start a new topic on this forum, so am adding my Avia Slider question here.
I have this in the HTML:
<ul class="aviaslider" id='slider1'>
<li>
<img src="/images/PepperTree_ViewfromPorch_w650.jpg"
alt="View from front Porch" />
</li>
<li>
<img src="/images/PepperTree_DinningRoom.jpg"
alt="The dining room" />
</li>
<!-- etc., more li; I'm not using lightBox so took out the links -->
</ul>And this in javascript:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script type='text/javascript' src='js/jquery.aviaSlider.min.js'></script>
<script type="text/javascript">
$(document).ready(function()
{
$('#slider1').aviaSlider({
blockSize: {height: 'full', width:'full'},
autorotation: true,
autorotationSpeed:2,
transition: 'fade',
slideControlls: 'none',
showText: true
});
});I have the js file in the right folder, and copy and pasted the aviaslider css into my main.css. The images all load, but slideshow doesn't happen. All the li images are just stacked on top of one another.
Any thoughts?
Hey,
What's the site URL?
Sounds like the jQuery scripts aren't loading...
James
ok...im back
i have moved the site to its permanent location and now I am no longer getting 404 for the .js files, but am having the same problem...
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/style/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/style/js/jquery.aviaSlider.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/style/js/custom.min.js"></script>
<?php if ( is_singular() && get_option( 'thread_comments' ) )
wp_enqueue_script( 'comment-reply' );
wp_head();
?>
<script type="text/javascript">$('#slider1').aviaSlider({
blockSize: {height: 40, width:'full'},
display: 'topleft',
transition: 'fade',
betweenBlockDelay:150,
animationSpeed: 600,
switchMovement: true
}); </script>
</head><div class="wrap" id="stage">
<ul class="aviaslider" id='slider1'>
<li><img src="wp-content/themes/PhilShep/images/slides/vs.jpg" alt="" /></li>
<li><img src="wp-content/themes/PhilShep/images/slides/vs1.jpg" alt="" /></li>
<li><img src="wp-content/themes/PhilShep/images/slides/vs2.jpg" alt="" /></li>
<p></div>and if its a wordpress site, thought that shouldn't make much of a deal...
Coming across the same issue when incorporating it on the same page as a mailchimp newsletter signup form. For other JS i've used jquery.noconflict() however I can't seem to get that to work with the slider.
Hi!
@offbrand: Seems to be working ok now. Are you still getting problems?
@ablenetddesi: Try taking out the mailchimp js if it causes conflict - the data entered is validated before confirmation anyway :)
Best regards,
James
germanny
Member
Hi!
I'm still having the same issue. I know the images and the javascript is properly linked, so I'm really not sure what the issue is. Here's the site:
http://demo.zipzoomer.com/bvr/
Anyone have any ideas? Would be much appreciated!
Thanks,
Jen
It's frustrating when things don't work out fine at the first time. And I can't appreciate enough how helpful is the second post in this thread.
I'm using wordpress+thesis on binaryturf.com. The slider is on the homepage and doesn't work. I also suggest better documentation in step-by-step format; perhaps a small tutorial.
I have the same problem and I figured out what the reason is. The GET-Variables in Worpress:
For example: http://www.houseofmax.de/mds/wordpress -> Startpage --> everything is fine --> clicking on "referenzen" --> it's not working
the rason ist that wordpress generates an ?page_id=y behind the url. So ...
TRY IT OUT
startpage with suffix ?testvar=ab ---> not working (e.g.:www.houseofmax.de/mds/wordpress/?testvar=ab)
startpage with suffix ?abx=ab --> working
startpage with suffix ?abx=abxxxxxxx --> not working
what is the reason for that?
By the way it's also not worling on your demo:
Hey,
dopamin90 the concept of get variables is to submit useful information. You must append a variable which exists or calls a certain behaviour. I.e this link works: http://aviathemes.com/aviaslider/?slider=diagonal-blocks because the slider id exists. Appending something like: ?abx=abxxxxxx is just nonsense as long as the slider id doesn't exist. Conclusion is that the demo works correct :)
Yeah thats right, but wordpress is using an useful information with the "page_id"-GET-variable. So what should I do if I want to use the avia slider on an url with page_id-get?
And why is your demo working with ?abx=abx but not with ?abx=abxxxx . What kind of usefull information is in abx which is not in abxxxx. For me it seems that the avilslider is not working with not predefined get-variables and get variables whiches names are longer than 3 chars or there values are longer than 3.
In my research I come closer to an solution. I included the files without the ".min" in the filename and it's not working in this point
return this.each(function()
{
var slideWrapper = $(this), //wrapper element
slides = slideWrapper.find(options.slides), //single slide container
slideImages = slides.find('img'), //slide image within container
slideCount = slides.length, //number of slidesif I put an alert(test); into the curved brackets it works without GET-var and it's not working with GET-var
...
so what would you tell me to go on?
As far as I know Aviaslider itself doesn't need php variables and doesn't care about them as long as you don't use the style switcher of the demo. So you can use the slider on any wp page (or other cms) without caring about php variables.
Include following files in header.php:
<script type='text/javascript' src='js/jquery.js'></script>
<script src="js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script type='text/javascript' src='js/jquery.aviaSlider.js'></script>
<script type='text/javascript' src='js/custom.js'></script>and your images like:
That's it. The get variables shouldn't influence the script (I used it on several wp sites without problem).
Thats exactly what I did. I tried it on two of my wordpress projects. And it didnt work. Show me an example where it does work?
Because I needed to complete my project I swiched to to the Nivo slider which is for free and does the same. Where is the difference between your slider and the slider of nivo?
There's something I didn't thought about first but another user reported same problem and found the obvious cause. If you use the unmodified version of custom.js the demo styleswitcher is included - that's why the slider interacts with the php variables (as I don't use the original custom.js I didn't thought of that first). Open up custom.js, find following code and delete it:
// the following stuff is only for the demo page to switch sliders
function demopage_switchslider()
{
var param = window.location.href.substring(window.location.href.indexOf('?')+8);
if(param != undefined && param != '' && window.location.href.indexOf('?') > 0)
{
$('.aviaslider').attr('id',param); //change the id of the slideshow depending on the url, so another slideshow gets applied
}
}and:
//only needed for the demo page
demopage_switchslider();So basically the function call at the top and the function on the bottom of the file.
I never used nivoSlider but I can ask Kriesi to comment on the differences. Very likely aviaslider offers more transitions, etc.
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.
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 http://www.mykittyblock.com
any help would be very much appreciated.
Paul
sorry didn't want people to watch me trouble shoot on main page, so complete link to my slider "woes" is: http://www.mykittyblock.com/slider_ep_41-1.html
hopefully someone sees this and can help me soon.
thanks
paul
Nick
Moderator
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
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
