The jquery image gallery examples stops working after the updates of template in Dreamweaver

Q: Dear Support,

I am creating the site in Dreamweaver. When I firstly put the Visual LightBox into my page it worked fine. But when I update the template it stops working. Can you advise how to fix it?

A: You should locate the HEAD section of Visual LightBox together with BODY section of VisualLightBox in body section of your page.
Notice that the HEAD section should be before BODY section.
For example:


<!-- Start HEAD section -->
		<link rel="stylesheet" href="index_files/vlb_files1/vlightbox1.css" type="text/css" />
		<link rel="stylesheet" href="index_files/vlb_files1/visuallightbox.css" type="text/css" media="screen" />
<script src="index_files/vlb_engine/jquery.min.js" type="text/javascript"></script>
		<script src="index_files/vlb_engine/visuallightbox.js" type="text/javascript"></script>
		<!-- End HEAD section -->
		<!-- Start BODY section id=1 -->
	<div id="vlightbox1">
	<a class="vlightbox1" href="index_files/vlb_images1/1.jpg" title="1"><img src="index_files/vlb_thumbnails1/1.jpg" alt="1"/></a>
<a class="vlightbox1" href="index_files/vlb_images1/2.jpg" title="2"><img src="index_files/vlb_thumbnails1/2.jpg" alt="2"/></a>
<a class="vlightbox1" href="index_files/vlb_images1/3.jpg" title="3"><img src="index_files/vlb_thumbnails1/3.jpg" alt="3"/></a>
<a class="vlightbox1" href="index_files/vlb_images1/4.jpg" title="4"><img src="index_files/vlb_thumbnails1/4.jpg" alt="4"/></a>
<a class="vlb" href="">jquery lightbox example code by v5.6</a>
	<script src="index_files/vlb_engine/vlbdata1.js" type="text/javascript"></script>
	<!-- End BODY section -->