20 comments found

You beat me to the punch. (Some thing I had lined up to build for WP) I am happy for you, I like the effects. Very nice. Well done. Good luck with sales.

NuvuScripts

Thanks

Wohoo!

Awesome.

NuvuScripts

Thanks

real nice! Bookmarked!

Excellent. Bookmarked (waiting standalone)

Cool! Bookmarked!

wicked can you use css to customize the tool tips fairly easily? what about the tooltip (+) button?

NuvuScripts

This is not setup to be very responsive. You can setup tooltips with no links. -Nolan

Default-user

Ok thanks. What could be done to make it responsive? Very difficult, all I will be using is the tooltips ive searched and could not find ANY that work well responsive :(

NuvuScripts

If you set the tags to have a percentage top and left properties then it will be more responsive. Thanks, -Nolan

wallsml Purchased

I like the idea so much that I purchased the code. After using it in my site, however, I don’t think it’s quite there yet. I’m looking for something that can insert tags like thinglink.com into my pictures, and have those pictures run on a slider. So far, I’ve had problems formatting my images so they don’t become distorted and the tags don’t appear to stay in place with the image. What to do, what to do?

NuvuScripts

Send me an email to nuvuscripts@gmail.com so I can send you the newest version just finished. The image tag slider plugin is capable of creating something just like the thinglink.com product except only on the admin side. -Nolan

How could I embed one of the sliders into the php of the theme? Cant quite get it.

NuvuScripts

To insert directly into a theme php file you can try the Wordpress do_shortcode method – http://codex.wordpress.org/Function_Reference/do_shortcode And add the html code for the slides in the same page body section. -Nolan

Default-user

Thanks could you give me an example of what the finished code would look like?

NuvuScripts

Send me an email at nuvuscripts@gmail.com and I will send you an example code for this. Thanks, -Nolan

Where is the JS coming from that causes the tool tips to ZOOM and Spin? I want to remove the spin and decrease the amount it Zooms/Grows on hover.

Thanks.

NuvuScripts

That is not done through js it is all css. The style.css file needs to be edited – .pm-slide span.small:hover, .pm-slide span.medium:hover and .pm-slide span.large:hover set the growth width and height properties and the spin animation is set through the .pm-slide span:hover animation styling properties. Hope this helps, -Nolan

Default-user

another question, where are the tool tips styled from cant seem to find the styling for them. thanks.

NuvuScripts

css/tooltipster.css

Is there anyway to allow the tooltips to work on a touch device like an iPad they dont seem to be working for me on my ipad.

Thanks

NuvuScripts

The tooltips work on the ipad on touch but the click event is also triggered on the touch device at the same time. There is no way around this since there is no hover capabilities on touch devices. You could add tooltips with links inside them. Good Luck, -Nolan

It also works on normal images of a post?

NuvuScripts
It works with any image you would just put the image inside the slide structure(wrap) – here is a example of a slide code with 2 tags(span)
<div class="pm-slide">

<img src="http://nuvuthemes.com/wp-content/uploads/2012/07/innovative-living-room.jpg" />

<span class="green small" data-left="200px" data-top="150px" data-media="http://vimeo.com/46252267" />

<span class="orange medium" data-left="321px" data-top="200px" data-url="http://nuvuthemes.com/shop/flickrshowplugin/" data-element=".product" />

</div>
Hope this helps, -Nolan
eching Purchased

Great support! Love this plugin and can’t wait to use it! Thanks Nolan! :bigsmile:

Hi

Ive been looking everywhere for something like this… Im building a shop on wordpress..is there any chance i can add ‘hot spot’ (image tags) to clothing products on each slide…that displays the title of the product, small description and an ‘add to cart’ link…

if so..i will buy in a heartbeat!

thanks in advance

stu

NuvuScripts

Yes that is essentially what is was made for. All slides are created manually and you can link tags(hot spots) to images/tooltips/links etc Hope this helps, -Nolan

Great,

Im doing a proof of concept at the moment…i really need to be able to easily add links to the products in the shop…will this be a case of copy/paste the link in or is there a kind of ‘selector’ tool (preffered) that allows me to pick the page (or display a preview of the product page) to attach to it?

cheers stu

NuvuScripts

No selector tool – all links need to be manually added. No preview for the link/tooltip page but there is a slide tool that allows you to map the tags and see what each slide will look like with the background image and tags. Thanks, -Nolan

Default-user

Oh okay..have you got a demo of the backend i can look at?

NuvuScripts

Send me an email to nuvuscripts@gmail.com and I will hook you up with a demo. -Nolan

Hi,

I think this might just be what I need, so that’s great. However, the live demo doesn’t seem to work! So I basically have no way of knowing exactly what I am looking at.. When I load the demo I only see the basic first image of the sideshow, no links at all. rest of the slides don’t load.

Is there a way for you to fix this, or show me the demo another way?

Thx!

NuvuScripts

Yeah – When I did a database cleaning job it erased a bunch of images some of which where for the image tag slider. I just haven’t had the time to get them back up yet. Please send me an email to nuvuscripts@gmail.com and I will hook you up with a demo. Thanks, -Nolan

Default-user

Cool, it’s already working again. Thx!

so far the best plugin in its class!!! well done man!

NuvuScripts

Thanks! – I appreciate it :)

Do you have anyway to strip our your styling and animations and have a clean and simple skin?

NuvuScripts

Using css you can change the styling. /wp-content/plugins/wp-image-tag-slider/css/style.css

Left button – Line 317
div.orbit-wrapper div.slider-nav span.left {
    background: url("../js/foundation/images/foundation/orbit/left-arrow.png") repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    left: -10px;
}
right button – Line 306
div.orbit-wrapper div.slider-nav span.right {
    background: url("../js/foundation/images/foundation/orbit/right-arrow.png") repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    right: -10px;
}
shadow – Line 341
#slider-shadow {
    background: url("../images/shadow.png") repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    bottom: -5%;
    height: 5%;
    left: 0;
    position: absolute;
    width: 100%;
}
Tag animations on hover – line 131
.pm-slide span:hover {
    animation: 3s linear 0s normal none infinite spinoffPulse;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px 1px #FFFFFF;
    height: 50px;
    margin-left: -10px;
    margin-top: -10px;
    position: absolute;
    transition: all 1s ease 0s;
    width: 50px;
}
You can easily change buttons or get rid of the shadow etc by changing these specific css entries. I hope this helps, -Nolan

Great plugin! I’m having issues getting it to work with X-Ultimate Theme. Is it possible to add the tags to an image without using the slider?

NuvuScripts

Please email me at nuvuscripts@gmail.com and I will try to help you. -Nolan

will the data-url attribute work like this?

data-url = “http://233windowshopping.com /div_content.html”

NuvuScripts

Yes. -Nolan

Just bought this but I actually need a non WP version?

Default-user

Is there a non WP available?

NuvuScripts

No sorry just the WordPress version. -Nolan


by
by
by
by
by
by