So Im setting some buttons to slide a carousel.
preezer.setActiveItem(this.text, "slide");
Its working just fine EXCEPT that I would sure love it if it would slide the way that the card should go... in other words, if a user clicks the 3rd button it slides left to the 3rd card but if then the user clicks the first button, I would rather it slide right back to card #1.
Anyone know how to do?
Thanks!
You can put some conditional logic and define the slide directions
if(preezer.getActiveItem()..) {
preezer.setActiveItem(this.text,{type:'slide',direction:'right'});
}
Related
When in mobile view using Owl Carousel (Version 2 ) some of my sliders take up near the whole screen.
The carousel uses touch to slide left and right fine however when doing so the user cannot scroll the page up and down which makes it difficult to navigate the to the rest of the page.
Is there a way so that while sliding the scrolling for the page is still active?
Seems i had the touch-action property set to none disabling scrolling and zooming etc when touching on the items within the slide. I had to remove the below although i don't think this is default and i added it in at some point for some reason that i can't remember.
.owl-item {
touch-action: none;
}
I'm creating a powerpoint which has a contents page, I would like that contents page to have clickable links to other slides in the presentation. The problem is currently those links only work when I go full screen, is there a way which I can click the link without going full screen?
Thanks
As Steve says Links only work in show mode. To get them to work in edit the only way is to RIGHT CLICK on them and choose Open Hyperlink from the menu.
Links only work in Slide Show view.
If you go to Slide Show | Set Up Slide Show, you can choose "Browsed by an individual (window)"
Then the slide show window will be moveable/resizable and won't necessarily fill the screen.
If the problem is that your presenter(s) aren't putting the deck into slide show mode before they start presenting (meaning your links don't work in normal/edit mode), you could try one of these solutions:
Add a solid filled rectangle that fully covers your first slide and set any Entrance animation on it with the Trigger / On Click of set to this shape. Then write the text in the shape "Please press F5 to start this presentation". The shape will never be seen in slide show mode but is a polite reminder for your presenters when they open the .pptx file.
Save the deck in the .ppsx file format, forcing it to automatically start in slide show mode.
I try to jump directly to a slide of my bx slider through a link from another page. For example - on page1.html there is a link to slide 7 of the slider on page2.html. How can I control the gotoslide function from an external page?
for all those who were searching for the same thing. My solution for now:
in the page where the slider is situated:
var startingSlide=document.URL.substring(document.URL.lastIndexOf('?')+1)-1;
and make
startSlide: startingSlide instead of a slide number.
The link from the other page to a specific slide is like this:
specific slide if you want to got to slide 5.
Don't know if that's the best way, but it works.
Can any one point me to an example of changing views with buttons for a carousel ?
I would like the option to swipe or click to change views.
Thanks
You've various ways to achieve it, you can either use setActiveItem:
carousel.setActiveItem(1); // Move to the 2nd carousel's item.
or apply next and previous method on your button handler to switch to the next and previous card of your carousel:
carousel.next();
carousel.previous();
Here is a demo: http://www.senchafiddle.com/#Ukg1N
how can I have a back button and another button both on the left side of the nav bar?
Do you also need the title? If not, you can simply place the button in the center area. Otherwise, if you also need the title, you will need to create a UIView with a label and a button in it and set that as the center view. You will have to set the label's text manually if the title of the view ever changes.
Or, if you don't care too much about the back button, you can create a button that looks like the back button and put your other button next to it in a parent view that you use as the left view. You would have to manually handle going back when pressing the back button, and unless you got an image that looks like the back button, your button would not have the arrow shape.