Code

Discussion on jQuery Shining Image

Discussion on jQuery Shining Image

By
Cart 257 sales

loopus supports this item

Supported

This author's response time can be up to 5 business days.

46 comments found.

My image only show after reload. Any problem?

http://thejobs.com.my/display-job/2260/

Hello,

Thanks for purchase .

You need to use
$(window).load(function(){ ...});
Instead of
$(document).ready(function(){ ... }

Regards,

How to use it on css class?

Hello, Thanks for purchase .

$(document).ready(function(){
   $("img.shine").shiningImage();
});

Then :

<img src="mypicture.png" class="shine" />

Working in latest IE?

Of course !

Great Plugin! :-) Is there anyway of getting it to work on div blocks too?

Hello,

Thanks :)

Sorry, but it works only with images. But you can do the follow thing :

- Create an image with the same size of the div, and use alpha 0.1% where you want it’ll shine. - Put this image over the div, using css (position absolute …) . - Use shining Image on the image .

But the div will not be clickable .

Regards,

Your code is not working in mobile device. Can you update?

Hello,

It sould work.

Please send me the url by email, from my profile.

Thanks .

Good stuff. Had trouble at first on a Joomla installation with mootools and jquery conflicts, but with author help, fixed it on the first day.

i just buy javascript shine effect, i inclue .js files, and debug it with firebug… and no error… and no shine either… can you give a look ? http://www.benoitjacquesdesigner.com/index.html

and after adding onmouseover trigger… i got : TypeError: ctx is undefined [Break On This Error] grad = ctx.createLinearGradient(0, 0, width, height);

great catch…. totally my fault… fix it, and it work great !... thanks incredible support ! :-)

great catch…. totally my fault… fix it, and it work great !... thanks incredible support ! :-)

Thanks :)

This is a nice integration of the effect, good work .

Regards,

Thanks

Oh, great. And what about IE ? In my IE8 Live Preview not working !!!

On browsers that do not support HTML5 (like IE8 ) images are displayed normally, without effect.

Hi, great script, i want to buy, but i need a start delay function. I mean the shine is starting after 1 or 2 seconds, not just from beginning. Regards.

Hello,

You just need to do that :

$('#myImage').shiningImage({
    playOnLoad: false 
});
setTimeout(function(){
    $('#myImage').data('shiningImage').shine();
}, 2000);

Hi! Thank you for the wonderful plugin.

Unfortunately, I have not found in the options the ability to set the number of loops. I use the slideshow, and I have, that shining was only once on each image. How can I solve this problem?

Hello,

Thanks for your purchase . Just do this :

$('#myImg').shiningImage({
    onLoopComplete: function(){
        $('#myImg').data('shiningImage').stopshine() ;
    } 
});

may I know the size of the file

2,90 Ko

Hi!

I’m running into some trouble getting this to run on my test page. That said, I’m definitely not a js pro (so assume nothing :).

I’ve included both jquery and the shiningImage script in my <head>; what code (exactly) should I use to get the script running? I tried using the code from your example page, but it’s not working.

I’m sure this is something I’ve done wrong, so any help you could throw my way would be appreciated. :)

Thanks!

update: ugh – nevermind. It looks like I’ve got some conflict going on with my page with some other code. I stripped out everything except for the shinyImage, and it works fine.

Hello, Thanks for your purchase !

Send me the url if you want any help .

Does this plugin will work on a PNG transparent image ?

Of course, look at Live preview .

I mean PNG all transparent not with some transaparency but a blank PNG at all ?

My comment got distorted there due to trying to use arrow tags.

What I meant was, can I use this shining image effect on a button, rather then an input or a img tag?

Lol sorry, I confused with my other plugin, don’t care about my last response.

jQuery Shining Image only works with the img tag.

A button is CSS styled, and can’t be correctly drawed by canvas, for the moment.

Hi, I just purchased this and would like to apply it to a form that uses an image rather than an tag, any advice on making this work?

Hello .

To submit your form with an image, just use ‹ input type=”image” src=”yourImage.jpg” alt=”Send” /› tag , instead of default submit tag .

You can use ’ onclick=”$(‘form’).submit();” ’ on a image tag too .

Wow, this plugin is great! No doubts I will collect money and purchase it:) What would be the best way to run the plugin with mouseover and mouseout events? I’ve started my adventure with JavaScript and jQuery so I’m asking. Best wishes!

Hi, thank you for your comment.

Good idea !

To do this you will need two new public methods: startShine and stopShine. I will add them in the next upgrade, once I finish my current project .

Thanks.

Thanks Loopus, I would really appreciate it.

Hello Sherlock,

It’s ok :)

You can now use shine() and stopshine() methods . The plugin was updated .

Hi I was thinking the fancybox code was inplented allready. You cant just send me fast the code and js file i need?

Thanks

iceman at icemanmx.com

Hi :)

Fancybox will be included in the update, which must be approved by Envato. I sent you an email with fancybox and an example of integration, like demo page. Thank you for your purchase.

Thank you I just purchased it from you.

Best Regards Icemanmx

Thank you :) Remember to download the update, which will be online in a few days.

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey