Joomla Extensions Club 20,483 posts

[agenturx Friend agenturxJoin date: November 2010Posts: 37Downloads:0Uploads:3 Thanks: 2]

#157541

Hey all,
i use the slideshow 2 on my website! Here is the link:

http://agenturx.alfahosting.org/

i choose the config: Scource: From Image, and added the description:

<h3>blalablablab alablbalbalb albalbalba</h3>
<p>
blasbdfoadfaöfpsogaü ojf aüjf
</p>

the image name is spelled right (also big and small letters)!
What did i do wrong:-/

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#367245

Hi agenturx,

Your problems are because z-idex of description block was smaller z-index of slide image, i fixed it on your site.

[agenturx Friend agenturxJoin date: November 2010Posts: 37Downloads:0Uploads:3 Thanks: 2]

#367397

Hey all,

i got some more questions! i got an image which show, how i want my slideshow to look like!

I want the description and the readmore link just to be shown in the red-marked area! And only the red-marked area should be a bit darker (occopacity = 0,6). The rest of the image should be with te occopacity = 0.

I hope you can understand what i mean! It would be nice if you can tell me who i can do it!

Thx a lot

---

Attachments:

1. 

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#367634

Hi,

You can resolve your issues as following:
– Choose “show description when” = “aways”, set “Mark width” = “205” and “Description background opacity” = “0.6” on config page of slideshow2 module.
– Open “style.css” file on location “modules/mod_jaslideshow2/assets/themes/anion”.
– Find line “.ja-slidewrap_anion .maskdesc” and add new style for it as following:


.ja-slidewrap_anion .maskdesc {
background: #000;
cursor: pointer;
display: block;
position: absolute;
z-index: 100;
}

change to


.ja-slidewrap_anion .maskdesc {
background: #000;
cursor: pointer;
display: block;
position: absolute;
z-index: 100;
margin-left:30px;
background-color:#000 !important;
}


[agenturx Friend agenturxJoin date: November 2010Posts: 37Downloads:0Uploads:3 Thanks: 2]

#367825

Hey

i changed what you said but nothing happend.
i also reseted the style.css so the z-index you changed is wrong again. Please tell me what z-index you changed to what value.

Thx a lot!

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#367859

Hi,

my z-index value = 100, and i check the style.css file on folder “modules/mod_jaslideshow2/assets/themes/anion”, my code


.ja-slidewrap_anion .maskDesc {
cursor: pointer;
display: block;
position: absolute;
z-index: 100;
margin-left:30px;
color:#fff;
background-color:#000 !important;
}

[agenturx Friend agenturxJoin date: November 2010Posts: 37Downloads:0Uploads:3 Thanks: 2]

#367962

Cool! Thx, this is working so far! But now i got some more questions:

1.) Where can i change the width of the “darker” area
2.) When i add some description, just the first description is shown on the first picture. That means sometimes the sloideshow shows the wrong description on the wrong image! And it just shows one description!
3.) Where can i change the “readmore” button
4.) i want the opacity just for the background. The Text should be displaced always with an opacity = 1. Where can i change that?
5.) In the navigation bar of the slideshow, i want to remove the brown arrow and instead of this, i want to make all thumbnais but the current one daker like the dark area with the description!

Thx a lot!!

[thuanlq Friend thuanlqJoin date: October 2010Posts: 528Downloads:0Uploads:29 Thanks: 8 Thanked: 121 times in 99 posts]

#368041

Hi,
1, to change width of the “darker” area, you should change value of “mark width” param, currently mark width = 205
2, format of description for slide image

input here …

input here …

…
3, To change style for “readmore” button, please go to location “modules/mod_jaslideshow2/assets/themes/anion/” open “style.css” file and find line


.ja-slidewrap_anion .maskDesc a.readon

4, can’t opacity just for the background and the text displaced always with an opacity = 1
5, Open file style.css on location “” find line, and change style

.ja-slidewrap_anion .ja-vertical_right .active

[Author]

Posts