ask here..ashras99 wrote:4_seven this is a question about your mod "First Topic [pic] on Forum Index v.0.0.3"
Code: Select all
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
//hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.dimmingOpacity = 0.85;
hs.wrapperClassName = 'borderless floating-caption dark';
//hs.captionEval = 'this.thumb.alt';
hs.marginLeft = 100; // make room for the thumbstrip
hs.marginBottom = 0;
hs.marginTop = 0;
//hs.numberPosition = 'caption';
hs.lang.number = '%1/%2';
// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 4000,
repeat: false,
useControls: false,
fixedControls: false,
overlayOptions: {
opacity: .85,
position: 'top center',
hideOnMouseOut: true
}
});
</script>
</head>
Code: Select all
<!-- IF SCRIPT_NAME == "viewtopic" or SCRIPT_NAME == "posting" or SCRIPT_NAME == "ucp" or SCRIPT_NAME == "search" -->
<script type="text/javascript" src="{ROOT_PATH}/highslide/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="{ROOT_PATH}/highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = false;
hs.dimmingOpacity = 0.75;
hs.wrapperClassName = 'borderless';
hs.captionOverlay.hideOnMouseOut = true;
hs.marginLeft = 85;
hs.marginBottom = 0;
hs.marginTop = 0;
hs.numberPosition = 'caption';
// Adding the Watermark
hs.registerOverlay({
html: '<div class="watermark" onclick="return hs.close(this)" title="Close" style="width:120px; height: 120px; background: url(highslide/graphics/watermark.png)"></div>',
hideOnMouseOut: true,
opacity: 0.4,
repeat: false,
position: 'top right',
fade: 2 // fading the semi-transparent overlay looks bad in IE
})
// Adding the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 3000,
repeat: false,
useControls: true,
fixedControls: true,
overlayOptions: {
opacity: .6,
position: 'top center',
hideOnMouseOut: true
},
thumbstrip: {
position: 'middle left',
mode: 'vertical',
relativeTo: 'viewport'
}
});
</script>
<!-- ENDIF -->
Code: Select all
// Adding the Watermark
hs.registerOverlay({
html: '<div class="watermark" onclick="return hs.close(this)" title="Close" style="width:120px; height: 120px; background: url(highslide/graphics/watermark.png)"></div>',
hideOnMouseOut: true,
opacity: 0.4,
repeat: false,
position: 'top right',
fade: 2 // fading the semi-transparent overlay looks bad in IE
})
// Adding the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 3000,
repeat: false,
useControls: true,
fixedControls: true,
overlayOptions: {
opacity: .6,
position: 'top center',
hideOnMouseOut: true
},
Can you provide a screenshot of your problem. Please note though, any attachments and their thumbnails will not change when you change the acp setting, it only affects new uploads..highslide img {
height: 180px; /*aprox height If ACP->Attachment-> thumbnail width=320px */
This tweak is mainly if you also want small thumbnails side by side (see screenshots in second post).highslide img {
height: 170px;
Code: Select all
.highslide img {
height: 170px;
border: 2px solid silver;
}