Hier nun mein erstes jQuery Plug-In. Dies macht es möglich einen MovieClip bzw. eine Bildsequenz im HTML unterzubringen und zu steuern wie man das aus z.B. Flash gewohnt ist.
Einfach mal über das Bild fahren mit der Mouse.
Und im Javascript sieht die Implimentierung so aus:
// Javascript Code
$('#logoanimation').keyframeclip({
imagepath: 'files/images/logoreveal/',
imagename: 'logo__',
images:65,
loop: false,
touchcontrol:false,
autoplay : true,
framerate:50
});
var logoani1 = $('#logoanimation').data('keyframeclip');
logoani1.init();
$('#logoanimation').bind('mouseover',function(e){
if(logoani .currentFrame() == 64 || logoani1 .currentFrame() == 0){
logoani1 .gotoAndStop(0);
logoani1 .playtoAndStop(64,50);
}
});
hier ein Beispiel mit aktivierter Touch-Control, super für 360° Ansichten geeignet:
Fotos ©duncanblum.com
Options:
imagepath: 'ani/',
imagename: 'ani_',
suffix:'.jpg',
images:36,
framerate:25,
autoplay: true,
loop: false,
touchcontrol:false
Functions:
gotoAndStop(frame);
playtoAndStop(frame,framerate,callbackfunction);
prevFrame();
nextFrame();
currentFrame();
Download Beta Version:
Geposted am 12.12.2011 um 13:43 Uhr von Andreas Walther
Dieser Artikel wurde noch nicht kommentiert.