jquery - LiquidSlider 2: how to properly use crosslinks and share specific slides? -


i'm using liquidslider 2 on website slide between wordpress posts. have (some irrelevant code question ommited):

<div class="liquid-slider" id="slider-id"> <?php foreach ($pageposts $post): ?> echo '<div id="slide'.get_the_id().'">'; 

and i'm setting liquidslider this:

$('#slider-id').liquidslider({                     hoverarrows: false,                     crosslinks: true,                     hashlinking: true,                     hashnames: true,                     hashtitleselector: "div.id",                     hashcrosslinks: true                 }             ); 

now need 2 different things. first, inside each post have multiple tabs , in 1 of them user able log in. when user logs in, he's redirected member area, has slider same posts different formatting , more options. id of slider , id of slides same of 1 in public page:

<div class="liquid-slider" id="slider-id"> <div id='slide".get_the_id()."'> 

i want user, after logging in, redirect not member area, specific post logged in. example, if logs in on post id=40 in main page, member page loads slide id=40 first. went through liquidslider2 documentation can't figure out how achieve this.

the second problem getting link share specific slide. i'm using addthis share posts through social networks. want when user clicks on link shared, he's redirected specific slider @ specific position (i have 3 sliders different ids on same page). have no idea how achieve this. when try putting in address bar http://standcardeira.com/leiloes#2 example reloads page , first post appear in first slider second 1 (the other 2 sliders remain @ position 1). solution if page automatically scrolled down area containing posts, doesn't, if try http://standcardeira.com/leiloes#viaturas-content-area.

thanks in advance.

so problem scrolling down slider area? can add javascript scroll down slider container, #slider-id-wrapper

check post out:

how can scroll specific location on page using jquery?

let me know if helps. sorry late reply.

edit: can use api set slider specific tab location:

var api = $.data( $('#main-slider')[0], 'liquidslider'); api.setnextpanel(3); 

using api, can check current slide location before user logs in, send across , access on new page.

another options hashlinking, can found here.


Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -