Stacking Images When Page Loads - javascript

I've read through a number of similar questions but nothing has worked for me yet. The url is here: http://www.promotion1.com/home-wmc-slide
I've installed a slider and the images are stacking before the script, I do not know JavaScript...
Would anyone be willing to look at the site and see if there might be a quick fix? I seriously need the help.
Thank you!


Try changing your javascript from $(window).load(...) to $(document).ready(..)
$(document).ready(function (){
$("#pikame").PikaChoose();
});


Make sure you're using the newest version of PikaChoose and then do the following.
For your css:
#pikame{ display:none; }
In your js:
$(document).ready(function (){
var showUL = function(){ $("#pikame").show(); };
$("#pikame").PikaChoose({buildFinished:showUL});
});

Related

Page loader for certain elements of the body

I have added to my website this loader
$(window).load(function () {
$("#page-preloader").fadeOut(300);
});
which as you can see it fades out after everything of the page is loaded.
I would like to have a loader which fades out right after a class is loaded (i.e. class="myclass")) and not wait for everything to get loaded.
Thank you in advance.

Try:
$('.myclass').load(function () {
$("#page-preloader").fadeOut(300);
});
Same format as before, just different selector.

Try using document ready instead of load to see if the effect is what you need
$(function() {
$("#page-preloader").fadeOut(300);
});
load() will wait for elements that have url, href and alike attributes.

var load_cs = $('.myclass');
if (load_cs.length) {
$("#page-preloader").delay(3000).fadeOut(300);
}
I did this.. and it is pretty much working as i want. Thanks for the help guys. If anyone has any other advice I will be happy to hear it.

Pulsate effect not working

any idea why the below code does not work? See http://jsfiddle.net/6RJNL/
Thanks,
$(document).ready(function () {
$(".banner5").effect("pulsate", {
times: 5
}, 2500).fadeOut('slow');
});

You didn't load the jquery-ui.min.js in your fiddle.
Check it now
Go on left in External Resources to load other JS libraries.
Anyway stackoverflow is not a "jsFiddle how to use".
A better check from you would have solved your problem before posting :)

Ajax load php into div giving me issues

I've been hammering away at this for a couple of days trying to resolve it before turning to StackOverflow. But I simply can't see where I'm going wrong.
All I want to do is on document load, bring in dansearch.php into the "displayresults" Div with the following code.
Can anyone shed any light here on how to fix this and more importantly why so I can fully understand the issue? Thanks in advance!
<script>
$(document).ready(function() {
$("#displayresults").load("dansearch.php");
});
</script>
<div id="displayresults"></div>

There are only 2 possibilities, if your code is not working,
Jquery inclusion may not proper.
Your php page or its location is not correct.

Use a .get
<script>
$(document).ready(function() {
$.get("dansearch.php", function(data) {
$("#displayresults").html(data);
});
});
</script>
<div id="displayresults"></div>

Problems with original Jquery script, it won't start!

I'm suck a noob when it comes to java/jquery, I don't even know the basics. So please have understanding.
I've fetched this script from the jQuery website, but it won't start for me :/
What am I doing wrong?
The whole script is found on http://jsfiddle.net/xZUue/
Thank you for your help!

You have to call the miniscroller function on your div, like so:
$(function() {
$("#scroller").miniscroller();
});
see http://jsfiddle.net/qJkdy/

jQuery is loaded and so is the plugin, but your not making any use of it!
Do:
$('#scroller').miniscroller();

Check out..Its working...u were missing
<script>
$(function () {
$("#scroller").miniscroller();
});
</script>
updated link: http://jsfiddle.net/xZUue/5/

Javascript/jquery Images slideshow does not work

I am trying to create an easy slideshow but It is not that easy at all :(.
I have few problems to make it work.
Here is my code so far: http://jsfiddle.net/WUE9g/1/
PS: I would much appreciate any kind of help.
Thank you!

You had an unclosed function call in your code, check now: http://jsfiddle.net/WUE9g/3/
Use firebug, it has an error console that tells you what's going on.

I think that your parenthesis are not matching. Use
$(function() {
rotatePics(1);
});
instead of
$(function() {
rotatePics(1);
}
Since $ is a shortcut to the jQuery function, you need to use it like any other function (e.g. rotatePics()).

Categories