Quote from: goldsky at Nov 18, 2010, 02:03 AM
@chrisg,
don’t change the jsdisabled thing.
it’s nothing to do with this.
it’s only be displayed when the JS is disabled.
try to use &ss_allowedratio=`all`
it’s a picture ratio width/height, to distinct between landscape and portrait pictures.
ok i set the gallery call to
[!easy2? &gid=`10` &slideshow=`galleryview` &ss_allowedratio=`all`!]
it is still not showing anything. I have a large blank space where the gallery should go and viewing the page code i can see the proper gallery code however I don’t think its calling the correct JS or I have another conflict.
Here is the source of the gallery page:
<noscript>
<div class="jsdisabled">
<img src="assets/modules/easy2/templates/default/icons/error.png" alt="" />
<span>Please enable the javascript</span>
</div>
</noscript>
<div class="e2g_wrapper" id="e2g_wrapper_1">
<div id="photos" class="galleryview">
<div class="panel">
<img src="assets/images/gallery/_thumbnails/test/321_id88_sid1_400x300.jpg" alt="321.jpg" title="321.jpg" />
<div class="panel-overlay">
<div class="panel-title">321.jpg</div>
<div class="panel-description"></div>
</div>
</div>
<div class="panel">
<img src="assets/images/gallery/_thumbnails/test/image11_id88_sid1_400x300.jpg" alt="image11.jpg" title="image11.jpg" />
<div class="panel-overlay">
<div class="panel-title">image11.jpg</div>
<div class="panel-description"></div>
</div>
</div>
<div class="panel">
<img src="assets/images/gallery/_thumbnails/test/image48_id88_sid1_400x300.jpg" alt="image48.jpg" title="image48.jpg" />
<div class="panel-overlay">
<div class="panel-title">image48.jpg</div>
<div class="panel-description"></div>
</div>
</div>
<div class="panel">
<img src="assets/images/gallery/_thumbnails/test/img_0004_id88_sid1_400x300.jpg" alt="img_0004.jpg" title="img_0004.jpg" />
<div class="panel-overlay">
<div class="panel-title">img_0004.jpg</div>
<div class="panel-description"></div>
</div>
</div>
<div class="panel">
<img src="assets/images/gallery/_thumbnails/test/img_0048_id88_sid1_400x300.jpg" alt="img_0048.jpg" title="img_0048.jpg" />
<div class="panel-overlay">
<div class="panel-title">img_0048.jpg</div>
<div class="panel-description"></div>
</div>
</div>
<div class="panel">
<img src="assets/images/gallery/_thumbnails/test/img_0075_id88_sid1_400x300.jpg" alt="img_0075.jpg" title="img_0075.jpg" />
<div class="panel-overlay">
<div class="panel-title">img_0075.jpg</div>
<div class="panel-description"></div>
</div>
</div>
<div class="panel">
<img src="assets/images/gallery/_thumbnails/test/img_0109_id88_sid1_400x300.jpg" alt="img_0109.jpg" title="img_0109.jpg" />
<div class="panel-overlay">
<div class="panel-title">img_0109.jpg</div>
<div class="panel-description"></div>
</div>
</div>
<div class="panel">
<img src="assets/images/gallery/_thumbnails/test/img_0160_id88_sid1_400x300.jpg" alt="img_0160.jpg" title="img_0160.jpg" />
<div class="panel-overlay">
<div class="panel-title">img_0160.jpg</div>
<div class="panel-description"></div>
</div>
</div>
<div class="panel">
<img src="assets/images/gallery/_thumbnails/test/img_0181_id88_sid1_400x300.jpg" alt="img_0181.jpg" title="img_0181.jpg" />
<div class="panel-overlay">
<div class="panel-title">img_0181.jpg</div>
<div class="panel-description"></div>
</div>
</div>
<div class="panel">
<img src="assets/images/gallery/_thumbnails/test/img_0225_id88_sid1_400x300.jpg" alt="img_0225.jpg" title="img_0225.jpg" />
<div class="panel-overlay">
<div class="panel-title">img_0225.jpg</div>
<div class="panel-description"></div>
</div>
</div>
<ul class="filmstrip">
<li><img src="assets/images/gallery/_thumbnails/test/321_id88_sid1_140x140.jpg" alt="321.jpg" title="321.jpg" /></li>
<li><img src="assets/images/gallery/_thumbnails/test/image11_id88_sid1_140x140.jpg" alt="image11.jpg" title="image11.jpg" /></li>
<li><img src="assets/images/gallery/_thumbnails/test/image48_id88_sid1_140x140.jpg" alt="image48.jpg" title="image48.jpg" /></li>
<li><img src="assets/images/gallery/_thumbnails/test/img_0004_id88_sid1_140x140.jpg" alt="img_0004.jpg" title="img_0004.jpg" /></li>
<li><img src="assets/images/gallery/_thumbnails/test/img_0048_id88_sid1_140x140.jpg" alt="img_0048.jpg" title="img_0048.jpg" /></li>
<li><img src="assets/images/gallery/_thumbnails/test/img_0075_id88_sid1_140x140.jpg" alt="img_0075.jpg" title="img_0075.jpg" /></li>
<li><img src="assets/images/gallery/_thumbnails/test/img_0109_id88_sid1_140x140.jpg" alt="img_0109.jpg" title="img_0109.jpg" /></li>
<li><img src="assets/images/gallery/_thumbnails/test/img_0160_id88_sid1_140x140.jpg" alt="img_0160.jpg" title="img_0160.jpg" /></li>
<li><img src="assets/images/gallery/_thumbnails/test/img_0181_id88_sid1_140x140.jpg" alt="img_0181.jpg" title="img_0181.jpg" /></li>
<li><img src="assets/images/gallery/_thumbnails/test/img_0225_id88_sid1_140x140.jpg" alt="img_0225.jpg" title="img_0225.jpg" /></li>
</ul>
</div>
</div>
in the header when i view source i see two calls to jquery-1.3.2.min.js, could this be the problem? I have included the header of the page as well, I must be missing something simple?
<style type="text/css">
div.e2g_wrapper {visibility:hidden}
</style>
<script type="text/javascript">
window.onload = function() {
var css = document.createElement('style');
css.type = 'text/css';
var styles = 'div.e2g_wrapper {visibility:visible}';
if (css.styleSheet) css.styleSheet.cssText = styles;
else css.appendChild(document.createTextNode(styles));
document.getElementsByTagName("head")[0].appendChild(css);
};
</script>
<link rel="stylesheet" type="text/css" href="/assets/libs/slideshows/galleryview/galleryview.css" media="screen" />
<style type="text/css" media="screen">
div.panel-title {
font-size : 20px;
margin: .3em 0;
}
div.panel-description {
font-style: italic;
line-height: 1.2em;
}
</style>
<script type="text/javascript" src="/assets/libs/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/assets/libs/slideshows/galleryview/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="/assets/libs/slideshows/galleryview/jquery.galleryview-1.1.js"></script>
<script type="text/javascript" src="/assets/libs/slideshows/galleryview/jquery.timers-1.1.2.js"></script>
<script type="text/javascript">jQuery.noConflict();</script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#photos').galleryView({
panel_width: 400,
panel_height: 300,
frame_width: 140,
frame_height: 140
});
});
</script>
<script src="/assets/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<link type="text/css" media="screen" rel="stylesheet" href="/assets/plugins/qm/css/colorbox.css" />
<style type="text/css">
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/plugins/qm/css/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/plugins/qm/css/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://peak-1.tmslabs.com/assets/plugins/qm/css/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/plugins/qm/css/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/plugins/qm/css/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/plugins/qm/css/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/plugins/qm/css/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/assets/plugins/qm/css/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
</style>
<script type="text/javascript" src="/assets/plugins/qm/js/jquery.colorbox-min.js"></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function($)
{
$("a.colorbox").colorbox({width:"80%", height:"90%", iframe:true, overlayClose:false});
// Bindings
$().bind("cbox_open", function(){
$("body").css({"overflow":"hidden"});
$("html").css({"overflow":"hidden"});
$("#qmEditor").css({"display":"none"});
});
$().bind("cbox_closed", function(){
$("body").css({"overflow":"auto"});
$("html").css({"overflow":"auto"});
$("#qmEditor").css({"display":"block"});
// Remove manager lock by going to home page
$j.ajax({ type: "GET", url: "http://peak-1.tmslabs.com/manager/index.php?a=2" });
});
// Hide QM+ if cookie found
if (getCookie("hideQM") == 1)
{
$("#qmEditor").css({"display":"none"});
$("#qmEditorClosed").css({"display":"block"});
}
// Hide QM+
$(".qmClose").click(function () {
$("#qmEditor").hide("normal");
$("#qmEditorClosed").show("normal");
document.cookie = "hideQM=1; path=/;";
});
// Show QM+
$("#qmEditorClosed").click(function () {
{
$("#qmEditorClosed").hide("normal");
$("#qmEditor").show("normal");
document.cookie = "hideQM=0; path=/;";
}
});
});
function getCookie(cookieName)
{
var results = document.cookie.match ( "(^|;) ?" + cookieName + "=([^;]*)(;|$)" );
if (results) return (unescape(results[2]));
else return null;
}
</script>
Sorry for the long winded posts but like I said, i’m at a loss and having a hard time wrapping my head around the problem