Viewing jQuery BackStretch and html5 audio player issue
jQuery BackStretch and html5 audio player issue
|
User: Gonzalo P. 11 years ago
|
|
|
I am trying a jQuery BackStretch to get a background image. I paste the code in the Site footer code ( for every page of the site). All works fine in all pages, until I try a page with any song in a html5 audio player ( Roddy widget). So, I can´t see the play button but I can see the song name. I tried another one no html5 player, and it works fine... Am I doing anything in the bad way ? Or perhaps they dont work fine together? |
|
|
User: Jumbo T. 11 years ago
|
|
|
Quote: Or perhaps they dont work fine together? That's the reason why you post here. |
|
|
User: Roddy 11 years ago
|
|
|
The audio player works fine with a background image inserted using Backstretch via the Background Image widget. When you inserted the background image, did you include a link to jQuery in the footer code box? If this was inserted without the "http:" it will prevent the player from working. When using jQuery plugins, you don't need to include the link to jQuery since EverWeb inserts this for you and you can cause problems by inserting a different version or using an inappropriate link. If this isn't the problem, you should publish the page to the server and post the URL to get help. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Gonzalo P. 11 years ago
|
|
|
This is the code I paste in the footer site code box: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="{!-ASSETSPATH-!}External%20Files/jquery.backstretch.min.js"></script> <script> $.backstretch([ "{!-ASSETSPATH-!}Images/Cosmoss3.jpg", "{!-ASSETSPATH-!}Images/Cosmoss2.jpg", "{!-ASSETSPATH-!}Images/Galaxy.jpg" ], { fade: 2000, duration: 5000 }); </script> I haven´t got the page in any hosting yet. I am learning about code and ¨playing¨ yet. I think I can paste the code in the footer code pages, and don´t use it in the html 5 player page... or to get the background image widget ;) I am in mountain lion (10.8.4), any issue about it? Thank you very much |
|
|
User: Roddy 11 years ago
|
|
|
You have two links to different versions jQuery - neither of which is required. Delete this... <script type="text/java script" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Gonzalo P. 11 years ago
|
|
|
wow! It works ! Thank you very much Roddy and excuse me my ignorance |
|
| Post Reply |
| You must login or signup to post. |