Topic: Embedded and wp-plugin display too many <br> nodes? [SOLVED]
Hello,
I am having a funny difference I cannot get rid off:
Inserting a wp-juicebox plugin gallery doesn't work fior me anymore, thus I am trying embedding galleries
It works but the gallery is displayed to low:
here is the embed code for http://gravieredepeisses.ch/wordpress_p/?page_id=1194
<!--START JUICEBOX EMBED-->
<script src="/medias/photos/2011/111007_Glissement_talus/JB_111007/jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: "juicebox-container",
baseUrl : '/medias/photos/2011/111007_Glissement_talus/JB_111007/',
galleryWidth: "100%",
galleryHeight: "750px",
backgroundColor: "rgba(250,254,254,0)"
});
</script>
<div id="juicebox-container"><!-- Image gallery content for non-javascript devices -->
<noscript>
<img src="images/_MG_0442.jpg" title="_MG_0442" alt="" />
_MG_0442
<img src="images/_MG_0444.jpg" title="_MG_0444" alt="" />
_MG_0444
<img src="images/_MG_0445.jpg" title="_MG_0445" alt="" />
_MG_0445
<img src="images/_MG_0447.jpg" title="_MG_0447" alt="" />
_MG_0447
<img src="images/_mg_0451__mg_0452-2.jpg" title="_mg_0451__mg_0452-2" alt="" />
_mg_0451__mg_0452-2
<img src="images/_MG_0451.jpg" title="_MG_0451" alt="" />
_MG_0451
<img src="images/_MG_0452.jpg" title="_MG_0452" alt="" />
_MG_0452
<img src="images/_MG_0464.jpg" title="_MG_0464" alt="" />
_MG_0464
<img src="images/_MG_0465.jpg" title="_MG_0465" alt="" />
_MG_0465
<img src="images/_MG_0468.jpg" title="_MG_0468" alt="" />
_MG_0468
</noscript></div>
<!--END JUICEBOX EMBED-->
and the inspector shows <br></br> above and below the <script src="/medi…..
when I remove them from the inspector, the gallery moves up and is at the same position as the plugin version
inspector code pasted here
<!--
START JUICEBOX EMBED
-->
<br></br>
<script src="/medias/photos/2011/111007_Glissement_talus/JB_111007/jbcore/juicebox.js"></script>
<br></br>
<script>
new juicebox({
containerId: "juicebox-container",…
</script>
</p>
<div id="juicebox-container" style="height: 750px; width: 100%;">
<div id="jb-glry-id-0" class="juicebox-gallery jb-flag-large-screen-mode" style="width:100%;height:100%;" tabindex="0">
<div class="jcbx-glry-classic" style="display:none;width:100%;height:100%;background-color:rgba(250,254,254,0);"></div>
</div>
</div>
<p>
<!--
END JUICEBOX EMBED
-->
the plugin version is here:
http://gravieredepeisses.ch/wordpress_p/?page_id=583
inspector code pasted here
<!--
START JUICEBOX EMBED
-->
<script type="text/javascript">
var jb_11 = new juicebox({
backgroundColor: "r…
</script>
<div id="juicebox-container-11" style="height: 750px; width: 100%;">
<div id="jb-glry-id-0" class="juicebox-gallery jb-flag-large-screen-mode" style="width:100%;height:100%;" tabindex="0">
<div class="jcbx-glry-classic" style="display:none;width:100%;height:100%;background-color:rgba(250,254,254,1);">
<div class="jb-panel-index jb-classifier-thumb-area" style="display: block; position: absolute ! important; z-index: 300…eight: 100px; top: 650px; left: 0px; -moz-user-select: none;" data-layer="300"></div>
<div class="jb-panel-detail jb-classifier-detail-area jb-classifier-layer" style="position: absolute ! important; width: 978px; height: 645px; top: 0px; left: 0px; -moz-user-select: none;" data-layer="50"></div>
<div class="jb-classifier-link-wrapper jb-classifier-detail-area jb-classifier-layer jb-classifier-show-on-over" style="z-index: 3000; display: none; opacity: 0; transition: opacit…right: 0px; top: 10px; width: 113px; -moz-user-select: none;" data-layer="3000"></div>
<div class="jb-area-caption jb-classifier-layer jb-classifier-show-on-over" style="display: none; position: absolute; overflow: hidden; bottom:…: 0px; opacity: 0; transition: opacity 250ms ease-in-out 0s;" data-layer="200"></div>
<div class="jb-navigation jb-classifier-detail-area jb-classifier-layer" style="height: 645px; z-index: 500; top: 0px; left: 0px; width: 978px; -moz-user-select: none;" data-layer="500">
<div class="jb-status-message" style="position: absolute; display: none; -moz-user-select: none;"></div>
<div class="jbn-nav-touch-area jbn-nav-left-touch-area dt-nav-disabled" style="-moz-user-select: none;"></div>
<div class="jbn-nav-touch-area jbn-nav-right-touch-area" style="-moz-user-select: none;"></div>
</div>
</div>
</div>
</div>
<!--
END JUICEBOX EMBED
-->
::after
</div>
<!--
.entry-content
-->
::after
</article>
<!--
#post-##
-->
::after
</div>
<!--
#content
Thank You for help!