Topic: embedding script in Drupal 7 article [SOLVED]
I upgraded to Juicebox Pro.
The last few days I tried to create galleries in Drupal while using the appropiate module. It did not work at all.
So I created a gallery on my local drive. And placed the entire folder in the map /public_html/sites/all/libraries/juicebox/classic/img of my website www.joaqimb.be
The juicebox.js script is placed in the folder /public_html/sites/all/libraries/juicebox
I created a new article in full html edit mode and embedded this script:
<!--START JUICEBOX EMBED-->
<script src="www.joaqimb.be/public_html/sites/all/libraries/juicebox/juicebox.js"></script>
<script>
new juicebox({
baseUrl : "www.joaqimb.be/public_html/sites/all/libraries/juicebox/classic/img/Juicebox Namur"
containerId: "juicebox-container",
galleryWidth: "700",
galleryHeight: "750",
backgroundColor: "rgba(238,238,238,1)"
});
</script>
<div id="juicebox-container">
<!-- Image gallery content for non-javascript devices -->
<noscript>
<h1>Gallery Title</h1>
<p></p>
<p><img src="namur_50a 10x15.jpg" title="namur_50a 10x15" alt="" /><br>namur_50a 10x15 </p>
<p><img src="namur_51.jpg" title="namur_51" alt="" /><br>namur_51 </p>
<p><img src="namur_52.jpg" title="namur_52" alt="" /><br>namur_52 </p>
<p><img src="namur_53.jpg" title="namur_53" alt="" /><br>namur_53 </p>
<p><img src="namur_54.jpg" title="namur_54" alt="" /><br>namur_54 </p>
<p><img src="namur_55.jpg" title="namur_55" alt="" /><br>namur_55 </p>
<p><img src="namur_56 10x15.jpg" title="namur_56 10x15" alt="" /><br>namur_56 10x15 </p>
<p><img src="/namur_57.jpg" title="namur_57" alt="" /><br>namur_57 </p>
<p><img src="namur_59.jpg" title="namur_59" alt="" /><br>namur_59 </p>
<p><img src="namur_60.jpg" title="namur_60" alt="" /><br>namur_60 </p>
<p><img src="namur_61.jpg" title="namur_61" alt="" /><br>namur_61 </p>
<p><img src="namur_62.jpg" title="namur_62" alt="" /><br>namur_62 </p>
<p><img src="namur_63.jpg" title="namur_63" alt="" /><br>namur_63 </p>
<p><img src="namur_64.jpg" title="namur_64" alt="" /><br>namur_64 </p>
</noscript>
</div>
<!--END JUICEBOX EMBED-->
Unfortunately, its' not working. The only thing that happens is the browser displaying the script, but no images or thumbnails.
Did I make a syntax error? Libraries API is installed too.
Juicebox Pro is a great tool! All I have to do now - with your help - is make it work. :)
Do you have an example of a valid script?
Thanks for reply.