Solved

Displaying information automatically

Posted on 2010-09-02
5
312 Views
Last Modified: 2012-05-10
On this page http://www.suebeeglass.com/?gallery=handcraft there is an "I" icon that when you click it, it will display information about the particular photo. I would like it to display automatically and not need to be clicked. I tried a few options (see code below) but can't get it to work.  Any thoughts?
<script type="text/javascript">
jQuery("window").load(function(){
  jQuery(".galleria-info-link").trigger("click");
});
</script>
-----------------
<script type="text/javascript">
jQuery("window").load(function(){
  jQuery(".galleria-info-link").delay(800).trigger("click");
});
</script>

Open in new window


Sorry for the vague title.
0
Comment
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
5 Comments
 
LVL 40

Expert Comment

by:gurvinder372
ID: 33587065
Does it give any error? or just that onlick event is not triggered?
1) try doing it on document ready
2) just call click method
http://api.jquery.com/click/
0
 
LVL 82

Expert Comment

by:leakim971
ID: 33587216
What about : jQuery(".galleria-info-text").delay(800).show();
0
 
LVL 1

Author Comment

by:catonthecouchproductions
ID: 33624186
I tried this

<script>
$(document).ready(function() {
  $(".galleria-info-text").delay(800).show();
});</script>

on this page http://www.suebeeglass.com/?gallery=faux and it isn't working. thoughts?
0
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 33626058
Now you're using jQuery function before include jquery script

$document.ready(
///
);
< script type='text/javascript' src='http://www.suebeeglass.com/wp-includes/js/jquery/jquery.form.js?ver=2.02m' >< /script >

instead :


< script type='text/javascript' src='http://www.suebeeglass.com/wp-includes/js/jquery/jquery.form.js?ver=2.02m' >< /script >
$document.ready(
///
);
0
 
LVL 82

Expert Comment

by:leakim971
ID: 33631174
Thanks for the points!
0

Featured Post

Learn by Doing. Anytime. Anywhere.

Do you like to learn by doing?
Our labs and exercises give you the chance to do just that: Learn by performing actions on real environments.

Hands-on, scenario-based labs give you experience on real environments provided by us so you don't have to worry about breaking anything.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

717 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question