Jump to content
Sign in to follow this  
prismdesign

Pagelines Feature Slider 'hover over' function

Recommended Posts

prismdesign

Hi guys. So the livechat guys told me to come here for a better solution to my issue. I used to run Platform Pro with the following code in the features section, under "Feature HTML" which I believe was intended for media use etc. Anyway the idea was that I got a hover over effect, which worked great before with no problems at all. Now with this NEW feature slider, I have blank slides, so for now I have just used the background uploader and kept a static image (even that was a NIGHTMARE with this new 'cover' thing, as the image dimensions I wanted just wouldn't work as expected, the feature area was stretching my image, and giving it a top and bottom border :S)

[/code]

All I was basically doing was giving an ID (b1, b2, b3, b4) etc for each feature section, and telling it to show the top half of the image normally, then upon hover, the bottom half. IS there a way I can get this to work with this new feature section, as my client won't take no for an answer as his 'old' framework could do it, he now hates me for upgrading his site to have less function. Thanks very much guys :D

Share this post


Link to post
Share on other sites
Danny
Hi Rob, I have bookmarked this post and I will investigate it. Like I mentioned in Live chat, if you do not see a reply here by morning (GMT), email me and let me remind me :D

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
prismdesign
Hey Danny. Thanks for that mate, much appreciated.

Share this post


Link to post
Share on other sites
Danny
Hi Rob, Basically, your CSS is wrong :D I didn't notice earlier in live chat so I apologise. The incorrect CSS can be found in: (I've removed some code to make it easier for you to see) [code]a#b16 { background-image: url(http://www.hitworks.com.au/wp-content/uploads/2012/07/trafficdogs.png; background-position: center top; }[/code] It should be like this: [code]a#b16 { background-image: url(http://www.hitworks.com.au/wp-content/uploads/2012/07/trafficdogs.png); background-position: center top; }[/code] You was basically missing a closing bracket and a ; after it! XD

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
prismdesign
Thanks for the reply mate. I think the code above was changed into an emoticon, that's why it seemed wrong? I have just checked my own code inside the feature HTML and it seems absolutely fine, as it was carried over from Platform. Sorry to bring the news :(

Share this post


Link to post
Share on other sites
beardedavenger
Heya! OK so I'm trying to understand what you're doing here. What do you mean by "hover effect." Your a#b16 that doesn't exist in the features area? Anyhow if you can clarify a bit more as to what you're wanting I can point you in the right direction. Ex. I want a unicorn to appear when I hover over the 5th slide. Something like that. Nick

Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
prismdesign
Haha Hi Nick, I'll buy you a flippin' Unicorn if you can solve this! Well yeah, not being funny but that code says it all really. Instead of a static image I just want a hover on the features, I HAD it working fine on the previous Platform, but since moving to Pagelines the exact same HTML and commands seem to provide a white screen. For now, I have used static images instead (can be viewed here : www.hitworks.com.au) I made Danny a little vid, so to clarify and show what I mean, if you could check this out that would be great. (http://screencast.com/t/8EKlPBTs) It shows my old Platform, then my new Pagelines. Cheers :D

Share this post


Link to post
Share on other sites
Rob
Just in case we can't figure this mystery out... take a look at this: http://codecanyon.net/item/hoverslider-a-responsive-hover-effect-slider/1925924 and while I'd have no clue how to apply the stuff here, someone else seems to want this in another slider: http://stackoverflow.com/questions/10552159/featured-content-slider-change-on-hover-slides-flickering

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
prismdesign
Thanks for response, not quite what I'm after but thanks anyway. I think the custom HTML may work on that one but the thumbnail support or lack thereof won't work for me. I hope we can solve it, I'm going to have another look today if I get time at trying to get the new one working. Cheers

Share this post


Link to post
Share on other sites
Danny
I have accepted your answer above as we have resolved this in Live Chat.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×