Joomla Templates Club 406,261 posts

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#149022

The default height for the JA Slideshow images/mask is 340 which is fine for the FrontPage.

I’d like another slideshow for different category pages, so I’ve copied the module and adjusted to height and created some new images for it at 200px deep. However, the mask is obviously chopped at the bottom and also page content doesn’t butt up to the bottom of the slideshow.

Is there a way for different slideshows to use different masks and how do I remove the ‘vertical space’ between the thinner slideshow and the main content area?

See attached grab of thin slideshow

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#334177

Dear dozza!

pls open the file /templates/ja_kyanite_ii/css/mod_jaslideshow2.css and find codes at 5:

.ja-slidewrap {
margin: 0;
padding: 0;
height: 340px;
position: relative;
border:none
}

and replace:

.ja-slidewrap {
margin: 0;
padding: 0;
position: relative;
border:none
}

pls follow above way, if the problem is not fixed, pls call me. 🙂

Thanks

1 user says Thank You to Saguaros for this useful post

1. dozza

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#334206

TienHC

The perfect solution – works just fine.

Thanks very much.

[ferenc1982 Friend ferenc1982Join date: January 2010Posts: 5Downloads:0Uploads:1 Thanks: 3]

#334434

TienHC,

i followed your instructions and it works. But i have no round corners on the copy of the slideshow with 200px hight.

Website: http://www.kaffee-service-espresso.eu (Slideshow with round corners)

http://www.kaffee-service-espresso.eu/unser-service.html (Slideshow with 200 px without round corners).

How can i solve this problem?

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#334437

I think you’ll need to create a set of additional images (200px deep) for the second slideshow to reference and load.

Not sure about the sl mask image though? Tienhc – Can different slideshows reference different mask images?

[ferenc1982 Friend ferenc1982Join date: January 2010Posts: 5Downloads:0Uploads:1 Thanks: 3]

#334440

i created some images with 200px but no changes at the corners. I hope the problem can be solved, because I need rounded corners:D

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#334922

Ferenc

I’ve tried similar today and get the same result! I’d also like round corners at the bottom of a less-deep slideshow (340px is a bit excessive!).

I can see in the JA slideshow 2 module parameters , they refer to Mark Styel and Mark Width/Height (I think they mean ‘Mask’) but can’t get it to work in any combination.

Are you there tienhc?

[astral god Friend astral godJoin date: February 2009Posts: 52Downloads:0Uploads:1 Thanks: 5 Thanked: 3 times in 1 posts]

#334934

Same problem here. 😉

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#335246

Dear dozza!

1) pls open the file : templatesja_kyanite_iihtmlmod_jaslideshow2default.php and find codes at line 1:
[PHP]<div class=”ja-slidewrap” id=”ja-slide-<?php echo $module->id;?>” style=”visibility:hidden”>[/PHP]
replace:
[PHP]<div class=”ja-slidewrap<?php echo $params->get(‘moduleclass_sfx’);?>” id=”ja-slide-<?php echo $module->id;?>” style=”visibility:hidden”>[/PHP]

2) pls access the setting of each module and put a text into the Module Class Suffix paramter, this text is as name of css class which use for override style of the MaskDesc.

a) You open the file : /templates/ja_kyanite_ii/css/mod_jaslideshow2.css, you can see the css rulle applying for the MaskDesc:

.maskDesc {
background: url(../images/sl-mask.png) no-repeat left top;
display: block;
position: absolute;
z-index: 100;
cursor: pointer;
}

b) You use the “Module Class Suffix” class to override this style:
For example: you put the ” my-mask” ( has a blank character before) into the “Module Class Suffix” parameter. you ‘ll defined the override style as following:

.my-mask .maskDesc {
background: url(../images/my-mask.png) no-repeat left top !important;
}

Good luck

[ferenc1982 Friend ferenc1982Join date: January 2010Posts: 5Downloads:0Uploads:1 Thanks: 3]

#335278

tienhc, thank you for your effort,

i followd the instructions but can’t get it to work.

i changed the code in file : templatesja_kyanite_iihtmlmod_jaslideshow2def ault.php

I created a new mask (my-mask.png) with200px. http://kaffee-service-espresso.eu/templates/ja_kyanite_ii/images/my-mask.png

i added the code to the css file and add “my-mask” to the Modul Class Suffix field in the modul . But no change.

maybe i forgot something?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#335279

ok now, pls turn on the module because i would like to see it and get you the solution right now

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#335280

I checked the style

.my-mask .maskDesc {
background: url(../images/my-mask.png) no-repeat left top !important;
}

it work well

may be you have a wrong in here :
b) You use the “Module Class Suffix” class to override this style:
For example: you put the “ my-mask” ( has a blank character before) into the “Module Class Suffix” parameter.

2 users say Thank You to Saguaros for this useful post

1. ferenc1982
2. dozza

[ferenc1982 Friend ferenc1982Join date: January 2010Posts: 5Downloads:0Uploads:1 Thanks: 3]

#335291

ok thank you! it works well. I forgot the blank character before.

[dozza Friend dozzaJoin date: October 2007Posts: 149Downloads:0Uploads:21 Thanks: 16 Thanked: 8 times in 1 posts]

#338449

tienhc

Waaheeeeeyyy! Thankyou. Got it working now with three different depths.

Ferenc, this may help you….

Make sure you include a space before the style class you enter into Module class suffix. And also, I found that it didn’t work if you have numeric characters in the class style, keep it all alpha characters.

[mlohrey Friend mlohreyJoin date: April 2010Posts: 11Downloads:0Uploads:0 Thanks: 3]

#339539

I attempted this change as well, but as soon as I changed the PHP code the my site stopped working altogether. I assumed that if “moduleclass_sfx” is empty that default behaviour (default mask images etc) should be as normal.

Any ideas?

[Author]

Posts