I have used a slick slider but when we tap/hold click on the image then it should have the option to save & share image option like this ( https://prnt.sc/_2yX8q9ub1nw ) but it's not working on the slick slider image.
Let me know if anyone has an idea about how can I enable it?
Thanks
Related
I am working on one project which has a slick slider. I want to make a custom slick slider same as https://www.masterclass.com Where once you click on thumbs it will redirect you to somewhere and it will change main slider images while you click on arrows it will change the sliders.
I have gone through this website http://kenwheeler.github.io/slick/ but it is not what i am looking for. Thanks
If you go to http://kenwheeler.github.io/slick/ and do a find for slider syncing, it will show a demo that functions very similar to what you are describing.
To have the slide redirect on click, in the HTML, make the slide(s) content links with the href pointing to wherever you want to go.
Unless I'm missing your intent, this is almost exactly the slider behavior shown on https://www.masterclass.com.
Let me know if this helps! Good Luck!
I am using A-Frame's orbit-controls to increase the rotation speed on my 360 degree video.
Here's the codepen:
https://codepen.io/anon/pen/ZJNrMY
The problem here is when I right click on the video/image, the right click menu does not appear. All I see is a hand on the video/image that looks like some kind of a-grabbing class acting as an overlay on the video.
How can I have the click functionality intact when I am using orbit-controls? Or is there a better/simpler way to manipulate the rotation of a video? Please help.
The orbit-controls components contains these lines:
onContextMenu: function (event) {
event.preventDefault();
},
You'll need to override that or fork the component and remove it or ask to add a property to disable that piece in order to re-enable right click context menu.
I want to make a dynamic animated slider with symbols that contain clickable actions vs a slider image only approach. I would like to use a "next" button and a "back" button that will scroll multiple background images that contain clickable links. I can produce a basic image slider with the back and next buttons, but this approach is limited. Any help on how I can do this in Edge Animate CC will be very appreciated.
I was looking for a very simple slideshow a while ago. Came up with this here:
http://jquery.malsup.com/cycle/
If you want your Slides to contain any clickable items you will be able to simply add them to the sides div. Just set the picture as a background image in CSS and you are free to develop any clickable items infront.
Here is another tutorial that worked fine for me: http://line25.com/tutorials/build-a-simple-image-slideshow-with-jquery-cycle
To me this is easy to understand and if you are used to jQuery at least a little bit this here will work out fine for you.
I am displaying images in xtype:dataview as thumbnail.
I am curious how to show the tapped image as a Highslide popup in a next view.
Can someone guide me in this?
A sample code will be much help full.
Do you mean a highslide gallery, with thumbnails underneath? There are lots of different types of highslides.
The best way would be to create a container with vbox....a carousel on top with a flex setting of 0.8, and a dataview underneath with a flex of 0.2.
Then, you can use the same store for both, load the dataview. Your tap listener for the dataview would do an animateactiveitem [index] of the carousel....the index will be take automatically from the dataview.
I ended up referring to the APOD carousel example by Ed SPencer, which pushes items into a carousel from a store first. The I loaded the store into both dataview and carousel at the same time, with an animateactiveitem showing the correct slide of the carousel on tap of the dataview.
I don't have my laptop here to post some example code, but maybe start by looking at the ed spencer APOD carousel.
Hope this helps....
:-)
I'm build a Mac application in the style of the Lion Mail.app. As part of this I'm attempting to create a simular toolbar to the one in the Mail.app but I can't seem to get the image in my toolbar button centered vertically.
Looking at the Mail.app toolbar I see a nice series of buttons with centered icons:
but when I go interface builder I can't seem to recreate the same button. What I get is:
What I've tried doing is, in Interface Builder:
Create a new window
Add a NSToolbar to that window
Add an NSButton to the toolbar with Style - 'Push', Image - 'Envelope', Position - 'NSImageOnly', Scaling - 'Proportionally Down'
As you can see the icon is clearly not centered vertically on the button like those in the Mail.app toolbar.
Anybody have any ideas???
At the moment I'm using XCode 4.2 and laying out this button with Interface Builder. I'm trying to build the toolbar button by ONLY adding the image to the button and not painting the button for each item, ie drawing the border and icon.
Any help would be greatly appreciated as this has been driving me a little nuts.
Thanks in advance - AYAL
Turns out the answer to this problem was much simpler then I had expected. After a lot of teeth gnashing, hair pulling, and twiddling pixels I came across the solution.
Instead of using a 'Push' button I simply had to switch to a 'Round Textured' button. Once I did that any image I added to the button was nicely centered. Next I just had to manually scale my image to look right.
The recipe then for a Mail.app Toolbar is as follows:
Add a button to your Toolbar
Set the button style to 'Rounded Textured'
Set the image of the button
Set the position to 'NSImageOnly'
Set the button size to 40 x 25 as well as the min and max sizes of the ToolbarItem
The result is a toolbar that can look very simular to the Mail.app toolbar.
Thanks All - AYAL
One way to do it is to have your image actually be the button i.e. take up all of the button's canvas. You will have to use the button's setBordered: method so the button's border is not drawn.
you could make the button image in something like gimp or photoshop then use that as the background or image for the button.
i feel like your going to say "this is what im doing". and maybe you made the little mail icon but i mean for you to make the whole button, outline and everything, then use that for the button image. make sense?
like here, just use this as the background