Joomla Templates Club 406,261 posts

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#451903

<em>@cybernun 318240 wrote:</em><blockquote>OK…PM’ed the poop to somewhere in Switzerland.</blockquote>

Right in the middle of Switzerland with mountains on either side!! 🙂

Thank you for showing me the site and thanks for the trust. It’s going to look pretty darned cool when it’s finished eh!

FYI info I use Chrome Developer Tools – seem to be similar to Firebug – just what I am used to.

So,

modules/mod_jaslideshowlite/assets/mod_jaslideshowlite.css @ line 157

.ja-ss-desc {
color: white;
left: 0;
position: absolute;
top: 0;
height: 100%;
background: url(trans.png); < this is the offending little dingsbums (thingy). set this to none and you are good to go!!
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 20px;
}

I hope that works for you!! 🙂

EDIT. If you want to have a description on the slideshow we’ve have to call that dingsy back and edit the height out of 100% to say 10% and then play with the css a bit to place it where you want. Just a heads up on that one – sorry for forgetting to write it first off.

1 user says Thank You to swissa for this useful post

1. cybernun

[cybernun Friend cybernunJoin date: July 2009Posts: 226Downloads:0Uploads:16 Thanks: 111 Thanked: 6 times in 1 posts]

#451905

Well, Mister SWISSA—

I live between mountains too but may have to fly over to your mountains JUST TO THANK YOU, Mister Schmarty. :-*:-*:-*

IT WORKED!

FYI: I will also try Chrome Developer in future…I’m not crazy about Firebug.

Now. About the Ja_Slideshow Lite descriptions. Yes, client will want them. Yes, will restore the url(trans.png) and play with parameters. When I get it all sorted out will let you know. I’m also going to check this on my iPhone.

THEN we can close this out and I hope it helps others who are looking to put responsive slideshows on Ja Puresite.

THANK YOU SWISSA!!!!

1 user says Thank You to cybernun for this useful post

1. swissa

[cybernun Friend cybernunJoin date: July 2009Posts: 226Downloads:0Uploads:16 Thanks: 111 Thanked: 6 times in 1 posts]

#451910

OK..I tweaked the code:

.ja-ss-desc {
color: #FFFFFF
left: 0;
position: absolute;
z-index: 2;
top: 0;
height: 6%;
background: url(trans.png);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
width: 100%;
padding: 20px;
}

and slowed it down in script.js but

1. unable to locate how to display in ascending order (there are not many parameters in the mod admin)
2. and it’s very plain. No option to use other skins just an option for suffix but I’ve never been able to understand where the devs hide the list of suffix’s for each template so have no ides how to male Ja_Slideshow Lite a bit more attractive.
3. It did not show the description parameters so I grabbed them from Ja Slideshow 2 however, it does not seem to be responding to the h2 formatting:

<h2>HANS BOVENKAMP</h2>

4. I will modify the png so it’s not so dark but trying to figure out how to put description just above the thumbs. So far, no luck but hey…IT’S WORKING and I have you to thank for that. :-*

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#451911

<em>@cybernun 318254 wrote:</em><blockquote>OK..I tweaked the code:

.ja-ss-desc {
color: #FFFFFF
left: 0;
position: absolute;
z-index: 2;
top: 0;
height: 6%;
background: url(trans.png);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
width: 100%;
padding: 20px;
}

and slowed it down in script.js but

1. unable to locate how to display in ascending order (there are not many parameters in the mod admin)
2. and it’s very plain. No option to use other skins just an option for suffix but I’ve never been able to understand where the devs hide the list of suffix’s for each template so have no ides how to male Ja_Slideshow Lite a bit more attractive.
3. It did not show the description parameters so I grabbed them from Ja Slideshow 2 however, it does not seem to be responding to the h2 formatting:

<h2>HANS BOVENKAMP</h2>

4. I will modify the png so it’s not so dark but trying to figure out how to put description just above the thumbs. So far, no luck but hey...IT’S WORKING and I have you to thank for that. :-*</blockquote>

You closed it down but sowieso I noted in my small brain that the top: 0; is for the distance from the top of the slideshow so if you play with that in px you’ll be able to move it on down, move it on down. (I think it’s been a long day)

As this comes from a non T3 I think that EVERYTHING is handled by the css so you’d need to do the skinning there. How’s that for a challenge? But it would give you some opportunities to play with e.g. hover for the text. I’m no expert and just playing but I did some nice stuff with no text on an image and then text growing with :hover. Just more eye candy really but that hooks ’em in! 😉

Since you do a lot of sites, I found a cool Lorem Ipsum generator but it appeals to my dark humour….. May not be right for a cybernun… http://slipsum.com/ipsum/

Have fun!!

[cybernun Friend cybernunJoin date: July 2009Posts: 226Downloads:0Uploads:16 Thanks: 111 Thanked: 6 times in 1 posts]

#451913

Yes, SWISSA, I did put the top parameter in px but it did not respond…perhaps a cache problem. Those darn solar flares. Will try again.

Would you happen to know where the devs tend to hide a list of the suffixes? I can never figure out where they are since they mostly don’t even show up in the mod admin.

And thank you for the Generator suggestion…have bookmarked…yes, useful.

If I have any more time to skin it better, I will try but I tested on my iPhone and it works…expands and contracts like an accordion so I don’t want to push my Luck! It works. Where there was nothing now there is something.

Going to keep this ticket open for awhile longer. :D:D

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#451917

<em>@cybernun 318254 wrote:</em><blockquote>
3. It did not show the description parameters so I grabbed them from Ja Slideshow 2 however, it does not seem to be responding to the h2 formatting:

<h2>HANS BOVENKAMP</h2>

</blockquote>

You got me playing now. >:( At bedtime too! So I’m not playing anymore. You can try it as I’m too tired to write any descriptions – use the h3 tag instead? Maybe?

In the css is this

.ja-ss-desc h3 {
color: #efd7b4 line-height: normal; font-size: 250%; overflow: visible; margin: 20px 0 0;}

.ja-ss-desc h3 a { color: inherit; line-height: normal; text-decoration: none; }

Good Night!! :p

[cybernun Friend cybernunJoin date: July 2009Posts: 226Downloads:0Uploads:16 Thanks: 111 Thanked: 6 times in 1 posts]

#451918

GOOD night…you are too cute. All that formatting…just for me! Will try. Check back in morning. :-*:-*:-*:-*:-*

[cybernun Friend cybernunJoin date: July 2009Posts: 226Downloads:0Uploads:16 Thanks: 111 Thanked: 6 times in 1 posts]

#452095

I will close out this ticket since the slideshow is working (with your help SWISSA) and although I still need to locate the code that controls the order in which images are displayed, I managed to shape it all up. So fellow Ja Puresiters…yes, you can have a RESPONSIVE slideshow if you follow the above.

:):):):):):):)

[dave_3d Friend dave_3dJoin date: July 2008Posts: 63Downloads:49Uploads:10 Thanks: 16]

#452974

Hi Guys (also from Switzerland 😉 )

I have read through your discussion and the new slideshow lite is excatly what I need for using on puresite in a responsive manner.

I am a little unsure how you modified the slideshowlite to actually use “fade” as a transition ? Did you manage to get that working ?

Thanks,

D.

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#453113

Hi Dave
The JA Slideshow lite module is a smooth slideshow because it use css make to transition. So it quit fast and have not conflict with javascript.
Hope you like this slideshow 🙂

Regards,
<em>@dave_3d 319622 wrote:</em><blockquote>Hi Guys (also from Switzerland 😉 )

I have read through your discussion and the new slideshow lite is excatly what I need for using on puresite in a responsive manner.

I am a little unsure how you modified the slideshowlite to actually use “fade” as a transition ? Did you manage to get that working ?

Thanks,

D.</blockquote>

[dave_3d Friend dave_3dJoin date: July 2008Posts: 63Downloads:49Uploads:10 Thanks: 16]

#453155

I don’t see any transition though. It just flicks to the new image. Even if I select fade from the back-end as the transition.

Can it fade ?

D.

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#453192

<em>@dave_3d 319856 wrote:</em><blockquote>I don’t see any transition though. It just flicks to the new image. Even if I select fade from the back-end as the transition.

Can it fade ?
D.</blockquote>
=> Yes
It can fade and slide, we will update more transitions in the future.
Thank for using our product!
Have a nice day. 🙂

[Author]

Posts