Moving navigation arrows and description
-
I was wondering if it was possible to place the navigation arrows outside of the slide show (not on top of the images), and also if it was possible to place the description pop-up under the slide show (again not on top of the images)?
Would appreciate any help!
Thankyou
-
Hello!
I did that. Arrows on the sides of the Slides (no over)
You need to update the file:
plugins/slideshow-gallery/views/default/ccs-responsive.php (if responsive ON)
or
plugins/slideshow-gallery/views/default/ccs.php (if responsive OFF)Modify lines #26 #27
#<?php echo $styles[‘wrapperid’]; ?> #imgprev<?php echo $unique; ?> { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; left: -44px; background:url(‘images/left.png’) left center no-repeat; text-indent: -9999px; width:40px; overflow: visible;}
#<?php echo $styles[‘wrapperid’]; ?> #imgnext<?php echo $unique; ?> { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; right: -44px; background:url(‘images/right.png’) right center no-repeat; text-indent: -9999px; width:40px; overflow: visible;}I added LEFT/RIGHT (the arrow size) ad OVERFLOW:VISIBLE
and MODIFY the file plugins/slideshow-gallery/views/default/gallery.php
Starting #135
<?php $navb = false; $navf = false; ?>
<?php if ($options[‘shownav’] == “true” && count($slides) > 1) : ?>
<?php $navb = “imgprev”; ?>
<div id=”imgprev<?php echo $unique; ?>” class=”slideshow-imgprev imgnav” title=”<?php _e(‘Previous Image’, $this -> plugin_name); ?>”><?php _e(‘Previous Image’, $this -> plugin_name); ?></div>
<?php endif; ?>
<?php if ($options[‘shownav’] == “true” && count($slides) > 1) : ?>
<?php $navf = “imgnext”; ?>
<div id=”imgnext<?php echo $unique; ?>” class=”slideshow-imgnext imgnav” title=”<?php _e(‘Next Image’, $this -> plugin_name); ?>”><?php _e(‘Next Image’, $this -> plugin_name); ?></div>
<?php endif; ?>
<style>
.slideshow-fullsize {width:100%; height: $options[‘height’]; }
</style>
<div class=”slideshow-fullsize” id=”fullsize<?php echo $unique; ?>”><div id=”image<?php echo $unique; ?>” class=”slideshow-image”></div>
<?php if ($options[‘showinfo’] == “true”) : ?>
<div class=”slideshow-information” id=”information<?php echo $unique; ?>”>
<h3 class=”slideshow-info-heading”>info heading</h3>
<p class=”slideshow-info-content”>info content</p>
</div>
<?php endif; ?>
</div>
The topic ‘Moving navigation arrows and description’ is closed to new replies.