Wordpress slider with filters & thumbnails outwith the slider - plugins

I am looking to create a slider within wordpress that is a little out of the norm and was wondering if anyone could give me advice on how to go about it.
I'd like a slider for a meet the team page on our website.
I am hoping the slider could work as normal but have filters on the left for departments and thumbnails below and outwith the slider with each employee on there.
I would like these thumbnails to be clickable and for the matching slide to appear when the thumbnail is clicked.
Can anyone suggest a plugin or a method to create this kind of thing?
Thanks in advance for your help.

Well i think you are referring to isotope jquery plugin. It filters down items based on the selected tag. Its actually free but you will have to create modify it for your needs. If you are using bootstrap you can get the idea of implimentation from here.
http://theme.stepofweb.com/Atropos/v1.5/HTML/page-team.html
Here is a paid wordpress plugin that can do that for you.
http://codecanyon.net/item/meet-the-team-wordpress-plugin/full_screen_preview/4983412

Related

Creating a TinyMCE plugin: How to make element selectable and editable

I'm trying to author my very first plugin for tinymce. Now, how do I make an element selectable? With the official image-plugin for example the user can click on a already inserted image, it visually gets focused and the image-plugin-button gets focused as well - see gif. Let's say I want to write a plugin that inserts a „Bootstrap Card“ which basically is just a div element. How do I make an already inserted Card selectable plus of course editable once the users clicks my new plugin button? Bonus question: ;-) Any suggestion for a comprehensive tutorial on tinymce plugin authoring?
To answer the bonus question first, there is an article on the TinyMCE blog that walks through creating your own TinyMCE plugin, with the example being an HTML to Markdown transformation
In the article, under the "Add the plugin to the editor" heading, Shahed Nasser writes the steps for adding the custom plugin button to the toolbar. Check under that heading for more information on getting the custom toolbar icon up and running.
For the Bootstrap Card item question – so it sounds like when your users select the Card, you need the following:
Focus on the existing cards in the document
Enable the ability to edit, adjust, or modify the cards in to get what they want written or expressed in the card done.
The first step would be to identify the card items. The TinyMCE.html.DOMparser API has a method that will filter for a specific node within the editor, and allow you to run a function on any nodes that match the filter. You can find the API docs here - https://www.tiny.cloud/docs/tinymce/6/apis/tinymce.html.domparser/#addNodeFilter
That's reaching the limits of my knowledge of what to do, hopefully the docs and article help give you the first steps to get your custom plugin going.

need wordpress plugin to show 3 type of different kind of text, image and 2 buttons

I have slider image on http://techturners.com/arman-badwal/ page in "featured work" section. I need plugin to create dynamic slider like image in section.I use many sliders like cyclone-slider but they show only title, description and image.
Your question is not really understandable, but I think you are looking for this, it's a really good slider with a lot of functionality.
Revolution Slider

Content Slideshow Plugin

Does anyone have any suggestions as to what wordpress plugin I can use to create a similar type of slideshow plugin as the ones that are used on Refinery29? Here is a link to an example...
http://www.refinery29.com/rooftop-bars-nyc/slideshow#slide-1
What I like about this particular slideshow/gallery is that the images don't auto-resize to fit into a fixed gallery box, the slides are numbered, there is a full-screen option.
I also like that each slide is a new URL - better click-through rate I would assume.
This is another example that I like as well...
http://www.wellandgoodnyc.com/2013/06/03/7-stunning-summer-yoga-escapes/
If anyone can provide any suggestions (free or premium plugins), I would be forever grateful!
Thank you!
jquery carousel lite is easy to implement and adapt to your needs;
http://www.gmarwaha.com/jquery/jcarousellite/
for more heavyweight stuff you could use jquery carousel
http://sorgalla.com/projects/jcarousel/

How to add the Zoom effect on our own website

I would like to have the effect like Facebook Theatre Mode on my website. But where to find the sample? I need one, the effect is when we click on the photo from the photo album then another pop-out layer on the top of the website. It is something like this:
http://www.youtube.com/watch?v=31FG9yONqVo
https://chrome.google.com/webstore/detail/elioihkkcdgakfbahdoddophfngopipi
But I only get the code to disable it and not full code.![A white pop-up layer display above the web page. Anyone has any idea how to do this or any example for me to follow? Truly need help and appreciate much for helping!][1]
You can take help from the below scripts or adapt as per your need...
http://www.intenseblog.com/design/8-amazing-javascript-image-zoom-scripts.html

Mobile Safari iPhone Development - Multiple buttons in a row

I'm an iPhone developer, but new to web development. I've done some basic HTML websites and made one in iWeb as well. I'm trying to branch out to mobile web development now, so I checked out Dashcode.
Anyway, I'm trying to put a Call Button, Mail Button, and Map Button in horizontal alignment. I realize that I can add a Column Layout and have two buttons in a row, but that's the most I've gotten.
Any ideas? Thanks!
Thomas
Edit: I still haven't figured this out yet. I was given advice about a fixed position button bar, but I am not sure how to implement it. I've been looking at code, but haven't gotten it yet. Still trying though. Any help is appreciated!
What i do usually is to select the element you can't align horizontally and then go to the inspector -> dimension tab and in disposition you select fixed absolute.
This should work but beware because if you've the intention to change element's place dynamically you may have some surprise...
I think you are looking for something like this.
A fixed position button bar is created with several buttons side by side.
/Mogens