Solved

Displaying information automatically

Posted on 2010-09-02
5
306 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
  • 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

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

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

Suggested Solutions

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

932 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now