In my asp.net application i need to integrate a jquery content slider with next, previous buttons.
2.Please look at the snap shot given below.
alt text http://208.109.217.57:1082/homestaging/Contentslider.bmp
There are quite a few plugins that does this kind of stuff. You can try this for example. If it doesn't fit you can just google it and you'll find a lot of plugins.
Related
I finished the functionalities of my app. Now when user first time login i need to make introduction guide on every page, with a short text Myabe some alert. Also on the dialog need chechbox , if he check the guide wont show again. I dont know where to start and how to organize this. Any example, practise to start. On all the dialogs will be static text.
You can refer any sample which guides you to create Tutorial Screen.
You can use built in Carousel View to have that as well.
Here I'm sharing one of that: How to add tutorial screen in Xamarin.Forms
Edit
To add it on every single page, you can use custom Popup, which can be created using Rg.Plugins.Popup
I need suggestions in building below UI. It's a carousel like structure where active over is highlighted in green and we can still see next overs disabled or gray color.
I have researched for this for ex. Can I make use of any carousel to fit this design but can't seem to come to any conclusion. Thought of slider also but did not see that fitting this design.
Guys, do you have any suggestion or pointers to get me started here. I do not need code; just want a startup point. So far I am stuck with carousel or slider.
I understand this might not be most constructive question on SO but any pointers will be highly appreciated.
Unfortunately, you didn't provide any information about what should happen when you click on these items. If I understand correctly, you are looking for a carousel supporting your own pager design. If this is correct, you must add the pager markup first, after that you can use any carousel that supports slide switching methods. Then you can add click event listener to your pager items and call switching method in the listener, setting by that a new slide corresponding to the pager element index.
For example, you can try slick carousel, as it has .slickGoTo() method, which you can use to switch slides programmatically. You can also try to customize slick's default pager, but it might be not so easy or even impossible at all.
Iam somewhat of a newbie when it comes to wordpress. so bear with me.
ive been trying to make a simple slider that will display 3 catagories.
- books
- Boardgames
- office supplies
iam making it for someone who dosnt want a web store but just wanting it to display items in a meaningfull and dynamik way.
what ive tried is installing the WooCommerce plugin to make all my products and then installing the product slider by pickplugins.
I like the way it looks and i want to make two more. but i see no option to choose between different catagories in the slider options, so if i make 2 more sliders it will just display the same items (all of them).
the site is: http://nordborgboghandel.dk/
and the slider i want is something like there is on the frontpage.
anybody fixed a similar problem??
-Thanks!
Yes, I was once stuck into a same situation, in which we had to customize the slider. Basically you will have to play with the CSS and JS of the slider plugin which you have used to create the slider.
You can start of by having a look at the js and the css used by the slider. Refer the documentation of the slider if available, I am sure if they have any documentation you can have it customized easily by modifying some values in it. If not then you will have to check the JS code and try to hack it yourself to fit your needs.
I have to build a site like France24.com, There is a navigation on the left and two arrows on sides for scrolling to the sides. when you click on the arrows or one of navigation items , the related page (preloads) and appears without refreshing the page. How to do that? Is there any usable framework or sample for this?
Regards
After looking at the website, I see what you are trying to do. I see a way to do this, which is through a simple JQuery method load() ( http://api.jquery.com/load/ ). This behaves like get(), so on clicking the arrow, an event could be triggered where you can load another piece of HTML code in place of the one the user is currently looking at.
If you need dynamic content to load instead of a simple static HTML code, it's possible to achieve that by filling in the dynamic part into the HTML code that you want to load before actually loading it. A library that you can use to achieve something like this is React js, developed by FB. Good luck!
here's my current markup (via JSBin). i have a basic jquery ui accordion (i think everything is ok with it), but am looking to make it more visually appealing.
Basically, I'm trying to mirror the look and feel of neon sky creative media's flash-based menu, which i can't post a link to because new users can only post 1 hyperlink max. just google "j-carrier photography" and you'll see an example of what I'm going for.
I've tried, and failed, to add a "+" icon (where applicable) on mouseover, and animate the background color and opacity of each menu item.
any help would be appreciated.
In your jquery ui css folder you will find the css file. It is commented extensively for easy editing. Most of what you want to do can be accomplished by editing this file.
See this site: http://jqueryui.com/docs/Theming/API for a complete reference.