Horizontally transition on Fancybox 2 - fancybox

I need a help with Fancybox 2 about the images transition. The script is creating the transitions vertically, and I would like that the transitions were from right to left, like most of lightbox scripts found on the web. I only found a explanation but it was not "right-to-left" but "left-to-right".
Does anybody have a tip or solution for this issue?
Thanks.

In the .js, look for these 3 strings
(g.top=n(parseInt(g.top,10)-200),i.top="+=200px")
and
f.top="+=200px"
What was done
this was the changes I've done to achieve a horizontal transition.
for the first string,
(g.top=n(parseInt(g.top,0)-0),i.left="+=0px")
and for the 2nd string,
f.left="+=200px"
hope this helps!

Related

How to have an AnchorBar with icons and subsections?

I need to make a design exactly like this one https://sapui5.hana.ondemand.com/sdk/#/entity/sap.uxap.ObjectPageLayout/sample/sap.uxap.sample.ObjectPageTabNavigationMode but with a slight difference.
The difference is adding icons in the Anchor Bar tabs not just the text.
I've tried the customAnchorBarButton aggregation but I also want to have sub-sections...
And I think it doesn't work anymore...
Thank you :)

How to render first slide and render other slides in $timeout?

I have some slides, maybe 20 or more than, in ion-slide-box, and each slide has ion-view tag, and some slides has an image, which can zoom. I meet some difficulty that when I click an button to show the ion-slide-box on ion-view, it needs waiting some time. Some I want to render the first slide and render others in $timeout. But I don't know how to do it.
Is there anyone who knows how to achieve it? Thanks a lot.
SUPPLEMENT:
I think I found a way to solve the problem.

How the website transitions is achieved?

im wondering how to achive this looks using adobe muse, is it possible?
mistolin.pt
or how is this effects even achieved?
thanks
I'm not sure about adobe muse, but I looked at the web page in the question, it is complete html and css 3, perhaps some JavaScript.
At a basic level, the mouse over events are used to animate the columns and to hide and display the content. Opacity is used to cover the background with the color.

progress bar positioning

#haehn Hi Haehn
I'm using GWT with XTK. And I have been successful in using "min-height:100%" trick in the to get XTK going in the GWT app. Now everything is working, except the fact that the progress bar is positioned right below the black area.
In one of the posts you mentioned something about using position:relative to make it appear in the center of the black area. But that trick didnt help me in my case. Actually, I'm not quite sure if I followed your explanation properly in that post. A quick glance through the XTK code base didn't light any blubs either.
A little help here?
thanks
There is a new way to define CSS for the progress bar: overload the CSS class xtk-progress-bar. Any style gets automatically applied to the progress bar.
this is a tough one - you have to play with the css style. if you figure out the problem, please let us know!

How to Place the background image scroll upwards while editing (adjustPan/adjustResize)

I have Struggled with the following issue..
I need an Activity Which have an editbox and a chekbox below it..These are placed at the bottom of the screen...I have a background image for this total screen..I need scrolling of the totalview(background image along with edit and check boxes) while with presence of softkeyboard...
At start It was looks good..But at the time of editing the image is Resize(shrink)/the image is overlapped by the edit & check boxes with adjustResize in manifest option...with adjustPan I could get something of requirement but the check box was still behind the Keyboard...I much tried with Scrollviews and include layout options but couldn't get the required....
Could anyone Suggest me anything regarding this..
At last I found some trick to get out of this....what I did was instead of using scrollviews...etc...just I scroll the Parent layout (ScrollTo(x,y)) to some extent upwards...Which works fine with me...