The first experiment is absolutely 100% achievable through jQuery. I
know there is much progress being made in the updated Interface plugin
(which includes Dragging) but I haven't seen any recent builds.
Thickbox plugin will provide you with an image overlay popup, but only
Interface (again) has implemented the lightbox effect with slimbox-
clone transition/popup fx.
From what I can tell, you can tackle this on your own, with some
help here and there from this mailing list. The hardest part IMO will
be cloning/translating the slimbox fx, and for some designers that is
enough to stick with slimbox.
To make each draggable stay on top, consider this code:
$('.dragme').Draggable( { opacity: 0.7, zIndex: 1000 })
.mousedown( function() { $(this).css({ zIndex: 1010 }); })
.mouseup( function() { $(this).css({ zIndex: 1000 }); });
However I don't know if those bindings will interfere with Interface.
Also, place all bindings in the .ready to ensure a user does not try
to call a function while the document is not fully loaded - early
calls often lead to many errors. Also, this keeps the markup out of
the document formatting (Model-View-Controller style), hence jQuery's
"unobtrusive javascript".
There is a shortcut for $(document).ready as well. Consider the
following:
$( function() {
$('.dragme').Draggable( { opacity: 0.7, zIndex: 1000 })
.mousedown( function() { $(this).css({ zIndex: 1010 }); })
.mouseup( function() { $(this).css({ zIndex: 1000 }); });
$('#karta').hover( function() {
$('#onoma').show().Grow(500);
}, function() {
$('#onoma').Shrink(300);
});
});
'return false' is typically used to prevent default onClick actions
(linking). onMouseover has no default action that is necessary to
prevent.
Hopefully this will help you understand the ease of jQuery. Try
http://www.visualjquery.com for easy-to-use API documentation to help
you with the learning process. Please let us know how your project
comes along, I am interested to see where this is going.
On Aug 17, 12:46 am, Shaft <[EMAIL PROTECTED]> wrote:
> Totally new to this and code ignorant but I did try to build a template
> webpage with the functions I want to have,
> sohttp://www.qbox.gr/test_asxeto/sitetest.htmlhere it is... (I did use 2
> different/irrelavent scripts but I think that I could add in terms of
> content and fx and lose on KBytes just by using one framework).
>
> Since these are my baby steps in jQuery I did gave it
> ahttp://www.qbox.gr/test_asxeto/jq_test/dragJq.htmltry but stumbled again
> in programming...
>
> Basicaly I would like to know if my first experiment is 100% achivable
> through jQuery and if so, if I can't manage to set it on my own - where/who
> can help me... (gone through the tutorial but I'm a "give me an example"
> sort of guy - then I build on what I know and ask for more :-D)
>
> --
> View this message in
> context:http://www.nabble.com/Totally-new-to-this...-tf4282816s15494.html#a12...
> Sent from the JQuery mailing list archive at Nabble.com.
