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

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.

Related

Ionic v4 ion-slides problems

I have created a component in my project that is purely an ion-slides UI component. I've injected into the main page of my side-drawer template app and I'm experiencing a number of issues/annoyances:
The content doesn't always center within the main pane. It seems as though the width of the individual ion-slide items all get set with an inline element style width that is greater than the pane width! I've realised that this only happens when the whole app is loaded. If I click on the side menu item of the page to reload it individually, the issue disappears. This leads me to believe it's an issue with the order that components are rendered. Can anyone help me understand what is happening? Is it a bug?
Undesired behaviour
I can't work out how to get navigation arrows to display/work - is this possible?
https://stackblitz.com/edit/angular-ionic4-test-yuppm1?embed=1&file=src/app/app.module.ts
The above Stackblitz should help to give you an idea of my setup but it doesn't show the problem I'm experiencing. It does show one other peculiarity though:
With loop set to true in the options, when you get to the last slide and you go to the next slide, it jumps to second element rather than the first! Any help on understanding why this is happening will be appreciated.
Thanks

Page Control Navigation Symbol?

Could someone point me in the right direction on how you get your Page Controller to show the navigation symbol like this?
I couldn't really describe it well, and couldn't find much relevant information on the internet. Anything would be great, thanks!
This is most likely a custom UIPageController.
Or you might be able to add a UIImageView to the left of the page control and when you try to swipe, set that image view to highlighted and you'll get the same effect.
Here's a custom page control, DDPageControl
https://github.com/ddeville/DDPageControl

Horizontally transition on Fancybox 2

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!

Tab Like Selection

Can anybody please tell me how they have implemented the below thing whick looks to me like a TabBar but has something different from a simple tabbar.
The thing having "Offer" and "Wall", when each one is clicked, presents a different view.
Any sample code will be appreciated
Its a custom UIButton.
EDIT: What UI element might this be? (Custom tab-bar?). I had asked the same question a few weeks ago. There are two good answers there.
And google up for custom UIButton. You can find a few samples on your search
Its a custom view. You can always implement this kind of thing by using images. Say you have 2 different images. In one image offer is selected, and in another wall is selected. And you are using an image view to show them. An invisible button is placed in proper place. After tapping the button you can set the right image. And also if the images are not overlapping then you can use custom button.

how to get Horizontal menu go up, it overlaps the header image now

another question related to my previous question
My horizontal menu also goes down a few pixels on my iPhone
see:
alt text http://www.alcmariavictrix.nl/images/wrong_iphone.png
wrong on the IPhone
alt text http://www.alcmariavictrix.nl/images/right_comp.png
Right on the comp
Does anyone know how to fix this? :)
link is here: Alcmaria home page
I haven't seen your previous post, but are you using tables? If not i suggest that you do, then probably even on the iphone browsser it should look ok.