Controls do not appear

More
8 years 1 month ago #36621 by slasher00
Greetings.

I have Slideshow CK on my site but sincei need a customization on the controls in order to see what a I am doing i need to see them but y do not appear unless i set height 100% ands this is strange since i set the navigation on always and cvhanged to mouseover and in both cases does not appear and i have not yet made any modification.

The site is vicarioestudio.com/demos/dlapipermba/index.php/en/

Thanks in advance

Please Log in or Create an account to join the conversation.

More
8 years 1 month ago #36622 by ced1870
Replied by ced1870 on topic Controls do not appear

I'm on Holidays until the 22 august.

The questions posted during this period will receive no answer, so please be patient and wait before posting in the forum. Thank you

New registrations are suspended during this period


Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
8 years 1 month ago #36710 by slasher00
Replied by slasher00 on topic Controls do not appear
Well, somehow i figured out how to reenable the controls

I need something else. I tested a module override but i can't find the buttons layout in order to add classes and reposition them. In the override by default i can identify the line where the caption goes but i cna't find the controls there:
Code:
<?php /** * @copyright Copyright (C) 2012 Cedric KEIFLIN alias ced1870 * http://www.joomlack.fr * Module Slideshow CK * @license GNU/GPL * */ // no direct access defined('_JEXEC') or die('Restricted access'); // définit la largeur du slideshow $width = ($params->get('width') AND $params->get('width') != 'auto') ? ' style="width:' . $params->get('width') . 'px;"' : ''; $needJModal = false; ?> <!-- debut Slideshow CK --> <div class="slideshowck<?php echo $params->get('moduleclass_sfx'); ?> camera_wrap <?php echo $params->get('skin'); ?>" id="camera_wrap_<?php echo $module->id; ?>"<?php echo $width; ?>> <?php // for ($i = 0; $i < count($items); ++$i) { foreach ($items as $i => $item) { if ($params->get('displayorder', 'normal') == 'shuffle' && $params->get('limitslides', '') && $i >= $params->get('limitslides', '')) break; // $item = $items[$i]; if ($item->imgalignment != 'default') { $dataalignment = ' data-alignment="' . $item->imgalignment . '"'; } else { $dataalignment = ''; } $datacaptiontitle = str_replace("|dq|", "\"", $item->imgtitle); $datacaptiondesc = str_replace("|dq|", "\"", $item->imgcaption); $datacaptionforlightbox = $datacaptiontitle . ( $datacaptiondesc ? '::' . $datacaptiondesc : ''); $imgtarget = ($item->imgtarget == 'default') ? $params->get('imagetarget') : $item->imgtarget; $datatitle = ($params->get('lightboxcaption', 'caption') != 'caption') ? 'data-title="' . htmlspecialchars(str_replace("\"", "&quot;", str_replace(">", "&gt;", str_replace("<", "&lt;", $datacaptionforlightbox)))) . '" ' : ''; $dataalbum = ($params->get('lightboxgroupalbum', '0')) ? '[albumslideshowck' .$module->id .']' : ''; $datarel = ($imgtarget == 'lightbox') ? 'data-rel="lightbox' . $dataalbum . '" ' : ''; $datatime = ($item->imgtime) ? ' data-time="' . $item->imgtime . '"' : ''; if ($imgtarget == 'lightbox' && $params->get('lightboxtype', 'mediaboxck') == 'squeezebox') $needJModal = true; if ($params->get('articlelink', 'readmore') == 'image' && $item->article->link) { $item->imglink = $item->article->link; } else if ($params->get('lightboxautolinkimages', '0') == '1') { $item->imglink = $item->imgname; } ?> <div <?php echo $datarel . $datatitle; ?>data-thumb="<?php echo $item->imgthumb; ?>" data-src="<?php echo $item->imgname; ?>" <?php if ($item->imglink) echo 'data-link="' . $item->imglink . '" data-target="' . $imgtarget . '"'; echo $dataalignment . $datatime; ?>> <?php if ($item->imgvideo) { ?> <iframe src="<?php echo $item->imgvideo; ?>" width="100%" height="100%" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> <?php } if (($item->imgtitle || $item->imgcaption || $item->article) && (($params->get('lightboxcaption', 'caption') != 'title' || $imgtarget != 'lightbox') || !$item->imglink)) { ?> <div class="camera_caption <?php echo $params->get('captioneffect', 'moveFromBottom')?>"> <div class="camera_caption_title"> <?php echo str_replace("|dq|", "\"", $item->imgtitle); ?> <?php if ($item->article && $params->get('showarticletitle', '1') == '1') { if ($params->get('articlelink', 'readmore') == 'title') echo '<a href="' . $item->article->link . '">'; echo $item->article->title; if ($params->get('articlelink', 'readmore') == 'title') echo '</a>'; } ?> </div> <div class="camera_caption_desc"> <?php echo str_replace("|dq|", "\"", $item->imgcaption); ?> <?php if ($item->article) { echo $item->article->text; if ($params->get('articlelink', 'readmore') == 'readmore') echo '<a href="' . $item->article->link . '">' . JText::_('COM_CONTENT_READ_MORE_TITLE') . '</a>'; } ?> </div> </div> <?php } ?> </div> <?php } if ($needJModal) JHtml::_('behavior.modal'); ?> </div> <div style="clear:both;"></div> <!-- fin Slideshow CK -->

While in the rendered block appears like this:
Code:
<!-- debut Slideshow CK --> <div class="slideshowck-slide camera_wrap camera_blue_skin" id="camera_wrap_92"> <div data-thumb="/demos/dlapipermba/images/slide/th/banner-1_th.jpg" data-src="/demos/dlapipermba/images/slide/banner-1.jpg" > <div class="camera_caption moveFromLeft"> <div class="camera_caption_title"> Lorem ipsum dolor sit amet </div> <div class="camera_caption_desc"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam euismod turpis ac turpis porta rutrum eget fermentum leo. Phasellus rutrum...</p><a href="/demos/dlapipermba/index.php/en/2-uncategorised/20-lorem-ipsum-dolor-sit-amet">Read more ...</a> </div> </div> </div> <div data-thumb="/demos/dlapipermba/images/slide/th/banner-4_th.jpg" data-src="/demos/dlapipermba/images/slide/banner-4.jpg" > </div> <div data-thumb="/demos/dlapipermba/images/slide/th/banner-2_th.jpg" data-src="/demos/dlapipermba/images/slide/banner-2.jpg" > </div> <div data-thumb="/demos/dlapipermba/images/slide/th/banner-5_th.jpg" data-src="/demos/dlapipermba/images/slide/banner-5.jpg" > </div> <div data-thumb="/demos/dlapipermba/images/slide/th/banner-3_th.jpg" data-src="/demos/dlapipermba/images/slide/banner-3.jpg" > </div> <div data-thumb="/demos/dlapipermba/images/slide/th/banner-6_th.jpg" data-src="/demos/dlapipermba/images/slide/banner-6.jpg" > </div> <div data-thumb="/demos/dlapipermba/images/slide/th/banner-7_th.jpg" data-src="/demos/dlapipermba/images/slide/banner-7.jpg" > </div> <div data-thumb="/demos/dlapipermba/images/slide/th/banner-8_th.jpg" data-src="/demos/dlapipermba/images/slide/banner-8.jpg" > </div> </div> <div style="clear:both;"></div> <!-- fin Slideshow CK -->

Is rthere a way to reposition the button controls? or i am doing something wrong?
Thanks in advance

Please Log in or Create an account to join the conversation.

More
8 years 1 month ago #36711 by ced1870
Replied by ced1870 on topic Controls do not appear
Hi
the buttons are added by Javascript and positioned with CSS
the problem comes from your template with

.camera_prev, .camera_next, .camera_commands {
bottom: 0;
cursor: pointer;
height: 40px;
margin-top: 0 !important;
position: absolute;
top: inherit !important;
width: 40px;
z-index: 2;
}

file
vicarioestudio.com/demos/dlapipermba/tem...rmba/css/default.css
lien 274

this is a css override from your template, not in the module ;)
CEd

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
8 years 1 month ago #36717 by slasher00
Replied by slasher00 on topic Controls do not appear
Well i managed to put them dow the module, the intention was that they come closer to the Caption block but i could not managed to do it. Since they are set by javascript it complicates the original plan but looks like i was close. ;)

If i have new develpments i will let you know

Please Log in or Create an account to join the conversation.

More
8 years 1 month ago #36718 by ced1870
Replied by ced1870 on topic Controls do not appear
I don't think that you have understood my explanations ...
no need to play with javascript nor php/hmtl

just place them with CSS.

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

Time to create page: 0.558 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1035 guests and no members online