Fire the plugin swipebox on load with links that include hash tag

Question

html code:

<a id="image1" href="images/1.jpg" class="swipebox" title="My Caption">
    <img src="images/1mini.jpg" alt="image" />
</a>

Js code for firing the pugin when user enters with link that ends with '#1'

<script type="text/javascript">
    $(document).ready(function(){
        if(window.location.hash == "#1") {
            $( '#image1' ).swipebox();
        }
    });
</script>

I figured it out that the js code

$( '#image1' ).swipebox();

works only when I click on the image. But I need that during the page load it would be popuped already.

I do not know how to debug. I understand that '.swipebox();' calls the plugin, so I did. When I alert msg with link #1, it shows, which means that the problem is with '$( '#1' ).swipebox();' — Rustam Paskaev, Feb 03 '17 at 05:32
`id="1"` is invalid. Please check this: http://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html — vijayP, Feb 03 '17 at 05:35
Possible duplicate of [What are valid values for the id attribute in HTML?](http://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html) — vijayP, Feb 03 '17 at 05:35
put the alert inside `if(window.location.hash == "#1") {` and cross verify that code execution reaches inside that if condition. — vijayP, Feb 03 '17 at 05:43
Yes, alert is working inside `if(window.location.hash == "#1") {` — Rustam Paskaev, Feb 03 '17 at 05:49
could you please update your question with updated HTML and JS code? — vijayP, Feb 03 '17 at 05:51

score 1 · Accepted Answer · answered Feb 03 '17 at 06:13

To open the swipebox on page load; could you please try with following code:

<script type="text/javascript">
    $(document).ready(function(){
        if(window.location.hash == "#1") {
            $( '#image1' ).swipebox();
            $( '#image1' ).click();//click the image programmatically
        }
    });
</script>

Fire the plugin swipebox on load with links that include hash tag

1 Answers1