[jQuery] Extending LavaLamp Menus and Gallery
Hi All, Hey I've always liked the lavalamp menus, currently there are two plugin versions: http://plugins.jquery.com/project/LavaLamp Demos: http://www.gmarwaha.com/blog/?p=7 An expansion labeled as v.2 of LavaLamp http://plugins.jquery.com/project/lavalamp2 Demo's are here: http://nixboxdesigns.com/lavalamptest.php 1. I'm interested in writing up a gallery post of LavaLamp menus in use, if you've used the LavaLamp menu navigation, post a link here! 2. Also, I've got a request to use the LavaLamp type menu for a setup with the menu beneath a panels type of layout, similar to this flash site: http://casspolymers.com -- their flash detection is messed up here, I had to turn off JS to get the flash version to load in firefox. I remembered seeing a recent CSS gallery site with a sort of hand drawn arrow floating above the menu as a pointer, that was pretty well done, can't remember just where that one was. thanks for any suggestions.
[jQuery] Re: Extending LavaLamp Menus and Gallery
Forgot to add the couple sites, I did find as gallery sites: http://www.scale-style.be Mancub.net LavaLamp Examples: http://mancub.net/tutorials/lavalamp-examples On Jul 10, 10:56 am, Ty (tzmedia) [EMAIL PROTECTED] wrote: Hi All, Hey I've always liked the lavalamp menus, currently there are two plugin versions:http://plugins.jquery.com/project/LavaLamp Demos:http://www.gmarwaha.com/blog/?p=7 An expansion labeled as v.2 of LavaLamphttp://plugins.jquery.com/project/lavalamp2 Demo's are here:http://nixboxdesigns.com/lavalamptest.php 1. I'm interested in writing up a gallery post of LavaLamp menus in use, if you've used the LavaLamp menu navigation, post a link here! 2. Also, I've got a request to use the LavaLamp type menu for a setup with the menu beneath a panels type of layout, similar to this flash site:http://casspolymers.com-- their flash detection is messed up here, I had to turn off JS to get the flash version to load in firefox. I remembered seeing a recent CSS gallery site with a sort of hand drawn arrow floating above the menu as a pointer, that was pretty well done, can't remember just where that one was. thanks for any suggestions.
[jQuery] YouLove.us crazy cool.
Did anyone else see the new http://youlove.us design-house portfolio site? It's pretty cutting edge stuff, worth a study.
[jQuery] Hover Background effect
Can anyone help me find a demo I know I have seen. When you mouseover/hover a link, not sure if they were text or images a rounded color, seems to me it was orange box slides in place behind the link. This creates a hover buttons menu, if I remember right the rounded corner box that slides in place behind the link had some penner elasticity effects motion it used also? Thanks, -ty
[jQuery] Re: Hover Background effect
Thanks Andy, I tracked down the exact demo I had remembered from long time ago, turns out it wasn't jQuery then, but I think you may be right. Here's the link to the old thread: http://devthought.com/cssjavascript-true-power-fancy-menu/ Is that lavalamp then checking... thanks again, -ty On May 14, 4:07 pm, Andy Matthews [EMAIL PROTECTED] wrote: It was called Lava Lamp. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Ty (tzmedia) Sent: Wednesday, May 14, 2008 2:57 PM To: jQuery (English) Subject: [jQuery] Hover Background effect Can anyone help me find a demo I know I have seen. When you mouseover/hover a link, not sure if they were text or images a rounded color, seems to me it was orange box slides in place behind the link. This creates a hover buttons menu, if I remember right the rounded corner box that slides in place behind the link had some penner elasticity effects motion it used also? Thanks, -ty
[jQuery] Re: Hover Background effect
Thanks again Andy... Looks like the current home of the jQuery version for Lavalamp is here then: http://www.gmarwaha.com/blog/?p=7 And it's also at plugins.jquery.com in the directory under lavalamp. Thanks again! On May 14, 4:07 pm, Andy Matthews [EMAIL PROTECTED] wrote: It was called Lava Lamp. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Ty (tzmedia) Sent: Wednesday, May 14, 2008 2:57 PM To: jQuery (English) Subject: [jQuery] Hover Background effect Can anyone help me find a demo I know I have seen. When you mouseover/hover a link, not sure if they were text or images a rounded color, seems to me it was orange box slides in place behind the link. This creates a hover buttons menu, if I remember right the rounded corner box that slides in place behind the link had some penner elasticity effects motion it used also? Thanks, -ty
[jQuery] Parallax scrolling, background foreground elements
A recent site launch has a bit of a buzz surrounding the use of parallax backgrounds. When resizing the window width at: http://silverbackapp.com/ you will see what I mean the leaves have a very three dimensional effect. This effect would be great to use with any of the jquery scrolling plugins etc, like: http://www.learningjquery.com/2007/10/improved-animated-scrolling-script-for-same-page-links and others. Dropping a bug in everyone's ear then, that this might be a fun idea to play around with. Here's some other links on parallax scrolling: http://en.wikipedia.org/wiki/Parallax_scrolling http://inner.geek.nz/javascript/parallax/ http://www.esqsoft.com/examples/fly_parallax/fly_parallax.htm -this ones a bit much but really illustrates the motion effect.
[jQuery] Re: Parallax scrolling, background foreground elements
I sort of wondered about maybe it just being a Centered set of images of varying widths, but hadn't gotten around to deciphering the layout for myself.. With jQuery, I'm just wondering if a more advanced set of features could be accomplished, something along the lines of clicking different scroll To or smooth scroll links triggering different sets of backgrounds. Of course a www.thehorizontalway.com/ type of navigation set up would create another whole bunch of ideas. ty On Feb 18, 1:51 pm, Mika Tuupola [EMAIL PROTECTED] wrote: On Feb 18, 2008, at 8:15 PM, timothytoe wrote: Looks like 4 layers there. Anyone look at the code yet? Is there Javascript controlling the positioning or is it all CSS? All CSS. Different position-x values for three layers. position-x 20% position-x 40% etc AFAIK same kind of effect can be achieved by using different size background images which are centered. -- Mika Tuupolahttp://www.appelsiini.net/
[jQuery] jQuery pimped out Free Css Template project
Has anyone noticed www.yooTheme? They have some interesting templates, with a variety of jS interfaces built into the layout. Check out this demo for example: http://demo.yootheme.com/ The drop down at the top selects the actual templates, and the latest offering Beyond is the one that caught my eye. They offer Joomla extensions: * YOOcarousel * YOOaccordion * YOOslider * YOOdrawer * YOOtoppanel * YOOlogin * YOOsnapshots What I'm proposing is a generic offering of similar jQuery plugins, and placing all of them in a layout such as the YooTheme. In fact the YooTheme can be used I think as long as the link remains in the footer. I think the YooTheme is a play in words on the fact that their interface elemtents all use MooTools. I'ld love to see the best comparable jQuery code plugins, etc that compare with the elements used in the YooTheme, and build a similar project. Is there any such free Css Template, with all of the interface goodies in place that I donn't know of. I've suggested porting many such elements to jQuery in the past, many of them are out there, it's just having them all in an layout setting to use the ones that fit a given project. So many elements on one page is kind of impractical, but over-the-top is cool sometimes.
[jQuery] Re: jQuery pimped out Free Css Template project
Thanks alot Cloudream, I'm realling lining up projects I'ld like to cover in a future website. It sounds like a great idea adding similar items. I was disappointed to learn that the yooTheme's, at least the latest offering there is no free download. IT's for members and it's a pay site. So I guess the basic concept is what I'm thinking of then. Adding it to my list of future projects, and hoping they don't become vapor ware. A good blogpost could just mention the latest yooTheme and compare similar jQuery offerings in the UI area. I'm sure they wouldn't mind the free advertising. Free themes with jQuery UI stuff plugged in would be a great tutorial series ;) On Jan 27, 12:40 pm, Cloudream [EMAIL PROTECTED] wrote: maybe you want to help Paul with his jQuery UI project look athttp://ui.jquery.comhttp://docs.jquery.com/UI and checkout /trunk/ui /trunk/fx from jquery svn to have a try. On Jan 28, 12:26 am, Ty (tzmedia) [EMAIL PROTECTED] wrote: Has anyone noticedwww.yooTheme? They have some interesting templates, with a variety of jS interfaces built into the layout. Check out this demo for example:http://demo.yootheme.com/ The drop down at the top selects the actual templates, and the latest offering Beyond is the one that caught my eye. They offer Joomla extensions: * YOOcarousel * YOOaccordion * YOOslider * YOOdrawer * YOOtoppanel * YOOlogin * YOOsnapshots What I'm proposing is a generic offering of similar jQuery plugins, and placing all of them in a layout such as the YooTheme. In fact the YooTheme can be used I think as long as the link remains in the footer. I think the YooTheme is a play in words on the fact that their interface elemtents all use MooTools. I'ld love to see the best comparable jQuery code plugins, etc that compare with the elements used in the YooTheme, and build a similar project. Is there any such free Css Template, with all of the interface goodies in place that I donn't know of. I've suggested porting many such elements to jQuery in the past, many of them are out there, it's just having them all in an layout setting to use the ones that fit a given project. So many elements on one page is kind of impractical, but over-the-top is cool sometimes.
[jQuery] Re: Server Time of the day Clock functions
Thanks Andy... I thought after the post that I should of added it would be something similar to using Kelvin's StyleSwitcher to load the CSS page styles, but only load those according to the server clock. The page background or header background even may be the only thing that needs to change, and that usually loads last anyways. Just some ideas, but can Jquery retrieve the server time, or could it only get the client/browser time? On Jul 20, 4:18 pm, Andy Matthews [EMAIL PROTECTED] wrote: That would probably be best done on the server side. When the page loads, check the time and provide an alternate CSS file. Unless of course you'd like the page to change after it has already loaded. Then yes, jQuery could be used to do that. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of [EMAIL PROTECTED] Sent: Friday, July 20, 2007 4:04 PM To: jQuery (English) Subject: [jQuery] Server Time of the day Clock functions Can jquery be used to load a different site design (skin if you like) according to the hosting server clock time. The inspiration for the idea is:http://www.taprootcreative.com/ Which loads different site backgrounds and background sounds. Not quite sure how they have their version working. Too see both versions whether than waiting until the time changes via the Tallahassee, Florida server clock, check here:http://web.archive.org/web/*/www.taprootcreative.com Click on anything after Feb 27, 2007 both versions are archived. Of course I always think jquery can do about anything, this is a sort of time travel right... ;)
[jQuery] Server Time of the day Clock functions
Can jquery be used to load a different site design (skin if you like) according to the hosting server clock time. The inspiration for the idea is: http://www.taprootcreative.com/ Which loads different site backgrounds and background sounds. Not quite sure how they have their version working. Too see both versions whether than waiting until the time changes via the Tallahassee, Florida server clock, check here: http://web.archive.org/web/*/www.taprootcreative.com Click on anything after Feb 27, 2007 both versions are archived. Of course I always think jquery can do about anything, this is a sort of time travel right... ;)
[jQuery] Re: jQuery in Action
Rey Bango for Mayor of jQuery-ville... seriously thanks for the tip I didn't realize the book had been released. I've got a bad habit with books, reading them for a while then letting them gather dust. Bet this one's worth every penny though, off to read some reviews now. t On Jul 12, 2:23 pm, Rey Bango [EMAIL PROTECTED] wrote: Slacker! Get on it!http://www.packtpub.com/jQuery/book/mid/100407j4kh3d ;) Rey... Tane Piper wrote: Wow, its like a bus - you wait ages and then loads come along at once :) I still need to get my copy of Learning jQuery :) On 7/12/07, Karl Swedberg [EMAIL PROTECTED] wrote: pretty sure that's the one. Bear is working with Yehuda. --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Jul 12, 2007, at 1:00 PM, Scott Sauyet wrote: John Resig wrote: On 7/12/07, Scott Sauyet [EMAIL PROTECTED] wrote: Who's doing the Manning jQuery in Action book? I've just been asked to do a technical review. Umm - I have no idea! Yehuda has been working on jQuery Quickly - is this book different from that one? On 7/12/07, Scott Sauyet [EMAIL PROTECTED] wrote: I guess it's the same one. I just noticed that the email from Manning did list Bibeault as the author. That's who's working with Yehuda, right? I wonder if jQuery Quickly is just a working title, or what else might be going on. Or is Bear Bibeault working on two books? -- Scott -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED]://www.iambright.com
[jQuery] Re: Binding actions after an ajax call?
Don't feel bad Tobias, not sure what's the matter with somebody
hosting an actual message board for jquery.
It makes so much more sense, except somebody's got to supply the
hosting for it.
Another thing you'll find yourself doing is replying to the author
which only sends and email to the author.
The groups are so much harder to keep up with, IMO.
On Jul 1, 12:46 pm, Tobias Parent [EMAIL PROTECTED] wrote:
Sorry, folks - my bad.
-Toby (told ya I was a NOOB...)
Brad Perkins wrote:
That's just the way Gmail threads its messages. It appears the poster
replied to the original thread and changed the subject. Google Groups
noted Discussion subject changed to Binding actions after an ajax
call? by Tobias Parent.
Instead of using the actual subject Gmail uses a common index or ID
that is in the message header. Some mail clients don't do this which
is why we often see two or more threads on the same topic, e.g.,
Subject and re: Subject.
The downside to this is that original subject title in no longer
clearly visible.
On Jul 1, 6:18 am, [EMAIL PROTECTED] wrote:
There's some sort of error with the Gmail group a subject titled:
Binding Actions to an ajax call is being piled on at the bottom of the
thread started by Ray Bango:
ANNOUNCE: Call for Articles for Visual jQuery Magazine...
Strange huh?
On Jun 30, 8:10 pm, Tobias Parent [EMAIL PROTECTED] wrote:
Hey -
I've got content being loaded via
$('#myDivID div.itemContent').load('/controller/action/'), and the
information being loaded is a list of links, which I'd like to set to
trigger a series of ajax calls for related DIV's throughout the page.
Can I simply set the callback on the load() to a bind()? Total NOOB, in
over my head.
glub, blub...
- Toby
[jQuery] Re: Binding actions after an ajax call?
There's some sort of error with the Gmail group a subject titled:
Binding Actions to an ajax call is being piled on at the bottom of the
thread started by Ray Bango:
ANNOUNCE: Call for Articles for Visual jQuery Magazine...
Strange huh?
On Jun 30, 8:10 pm, Tobias Parent [EMAIL PROTECTED] wrote:
Hey -
I've got content being loaded via
$('#myDivID div.itemContent').load('/controller/action/'), and the
information being loaded is a list of links, which I'd like to set to
trigger a series of ajax calls for related DIV's throughout the page.
Can I simply set the callback on the load() to a bind()? Total NOOB, in
over my head.
glub, blub...
- Toby
[jQuery] Re: ANNOUNCE: Call for Articles for Visual jQuery Magazine
Hi Rey, I proposed the idea about a monthly column highlighting say three or so sites each month, that are doing a bang up job with jQuery. I've contacted a certain noted javascript author who wrote a few articles for .NET magazine in the UK. Waiting to see if he'll help me out with it. I think his javascripting skills are much better than mine. copy/paste/tweaker, Ty Gossman On Jun 29, 5:09 pm, Rey Bango [EMAIL PROTECTED] wrote: I'll let Yehuda answer that. Rey Glen Lipka wrote: What are the timelines? Target deadlines. Glen On 6/29/07, *Ganeshji Marwaha* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: can i get a link to the last issue, to get an idea of what is the typical style. -GTG On 6/29/07, *Rey Bango* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: Absolutely. Anything jQuery-related. Benjamin Sterling wrote: Rey, I may have missed it in the blog, but can these articles be related to plugins? ie jqModal, Form Validator... Ben On 6/29/07, *Rey Bango* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] mailto: [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: Back in September of last year, jQuery team member Yehuda Katz published the first issue Visual jQuery Magazine (http://www.visualjquery.com/magazine/ http://www.visualjquery.com/magazine/). The online magazine was a huge success with great content and received a very positive response from the jQuery community. Yehuda is now pushing forward with issue #2 and is actively soliciting contributions from the community. The articles can vary from beginner to advance topics as well as overall size. If you're interested in contributing to the jQuery community and getting yourself published, this is an awesome opportunity to do so. For more details please visit the jQuery blog entry here: http://jquery.com/blog/2007/06/28/163/ http://jquery.com/blog/2007/06/28/163/ Rey... -- Benjamin Sterling http://www.KenzoMedia.comhttp://www.KenzoMedia.com http://www.KenzoHosting.com -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] http://www.iambright.comhttp://www.iambright.com -- BrightLight Development, LLC. 954-775- (o) 954-600-2726 (c) [EMAIL PROTECTED]://www.iambright.com
[jQuery] Jquery Gallery Site...
Since there is no Jquery gallery that I know of... Next up pretty cool, it's got a slide down and a fade in in the header on each page: http://www.liveatbethelpointe.com Very nice I like... :)
[jQuery] Integrating Google Internal Site Search using jquery
Curious if anyone had any ideas about integrating the internal site search from javascriptKit: http://www.javascriptkit.com/script/script2/google_site_search.shtml I've got some ideas, but wondered if anyone had seen any site search utilities using jquery and any other search resources or Google. I haven't seen anything, but thought somebody might have already looked at solutions for site searches. Thanks.
[jQuery] Re: jCarouselLite - my first plugin - anxiously awaiting comments
It looks very useful, i've been looking at solutions to add feature
content, slides if you will to site homepages.
Something on a timer, with manual slide controls also. Similar to what
download.com used to do on it's homepage.
This looks like it could do just that, possibly.
You've got a nice page of example/demos there.
thanks.
On Jun 24, 6:42 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote:
Hi there,
I have been using jquery for a couple of weeks now. I should say this is the
best library out there. I come from raw javascript, prototype, mootools
background and i am damn sure, i am not going back.
That said, a couple of days ago, i was looking for a carousel style widget
for my app, and stumbled upon the excellent jCarousel plugin. The plugin is
awesome. It has everything i needed and more. It worked like a charm out of
the box, but my issue was that, my use-case used carousel as a secondary
widget, and jCarousel seemed kinda like a overkill. So, i started developing
my own mini carousel inspired by jCarousel and called it jCarouselLite.
This is not a replacement for jCarousel by any means. It is just a
light-weight alternative for those who might not need all the
functionalities offered by jCarousel. The minified version is just
under 1.5k in size. Yet, it is very flexible and customizable for many
of our needs.
Right now, the plugin is in very early stage and i thought i could get
feedback from my friends here and see if there is any interest around it.
I have put together a page to show-case all the things that are possible
with it
athttp://www.gmarwaha.com/jquerylite/jcarousellite/html/jcarousellite.h...
The basic html markup expected is just a div enclosing a ul element. You
can have your navigation buttons anywhere. No special classes, or css files
are required. The js is the lone file needed.
div class=anyClass
ul
liimg src=someimage alt=1/li
liimg src=someimage alt=2/li
liimg src=someimage alt=3/li
liimg src=someimage alt=4/li
/ul
/div
button class=prev/button
button class=next/button
$(function() {
$(.someClass).jCarouselLite({
btnNext: .next,
btnPrev: .prev
});
});
Thanks in advance for all your feedback.
Ganesh.
[jQuery] Re: InnerFade-Plugin: Text jumps from left to the center
Not for certain, did you try placing the link between paragraph tags and applying the css to the P tags. Just a thought, seems to me I've tried centering some text beneath an image and not had much luck either. On Jun 27, 12:18 pm, Muckinger [EMAIL PROTECTED] wrote: Hi, i would like to use the fantastic InnerFade Plugin fromhttp://medienfreunde.com/lab/innerfade/http://medienfreunde.com/lab/innerfade/ I want to change DIV-Containers. A Link in this container is centerd with text-align: center. But with Firefox the Link/Text starts with every Fade on the left and jumps then to the center, not nice. In IE everything works fine. I tried many things (Links as Blick-Elem, margin: 0 auto etc.), but nothing works. Can anybody give me a hint? Or another possibility to achieve the same effect? THX! -- View this message in context:http://www.nabble.com/InnerFade-Plugin%3A-Text-jumps-from-left-to-the... Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Integrating Google Internal Site Search using jquery
That's what I was thinking about was using Ajax to show the results in the main div content area as one possibility with jquery. Not sure how practical that would be. I've seen search features contained in a div where the whole thing slides down. Such as: http://www.wordofsport.com/ when you click on advanced search top right. Thanks for jogging my memory, ajax in an expanding div would work. Something to think about thanks Sean. On Jun 27, 2:56 pm, Sean Catchpole [EMAIL PROTECTED] wrote: Hi, I don't really see the point of making this a jQuery plugin, it's very straightforward as is. Now perhaps if the searches where returned via ajax then that's a different story. ~Sean
[jQuery] Re: vignet : another great jquery powered site
Just posted a review for teamViget.com: http://www.stylegala.com/archive/team_viget.htm Any comments and insights from the dedicated jQ'ers out there would be great ;) Ty - wish my name was Jay Query G. On Jun 11, 11:26 am, Sam Sherlock [EMAIL PROTECTED] wrote: http://www.teamviget.com/ great work
[jQuery] Re: vignet : another great jquery powered site
I was about to start a thread on this one too Sam! The site kicks but, it is a horizontal scrolling or sliding more like, site, meanwhile if you click the jobs tab at the top a div opens and slides in vertically. I was guessing it would be mooFX or prototype, it's all jquery and some plugins. Don't miss this one, it's so-o-o cool. the plugin scripts include an easing script: http://gsgd.co.uk/sandbox/jquery.easing.php Checking that one out now. The Content that slide into place is so smooth, you don't see the div's that are in the middle, like most horizontal scrolling/sliding sites it makes the easing really smooth like peanut butter jelly. On Jun 11, 12:26 pm, Sam Sherlock [EMAIL PROTECTED] wrote: http://www.teamviget.com/ great work
[jQuery] Re: Jquery similar to twinhelix's supernote js
I have a mockup with working menus now: http://70.133.227.118/version1Bsubs.htm (temp link) Sorry for not mentioning originally it was to be in the main navigation. Hover in the main menu over schools, service/support, job opps to see pretty much the functionality I'm after. This is supernote code for these menu's. Innerfades doing a little news fade in the div just under the header, and will also provide a slideshow. Any ideas of supernote could benefit from jquery, it's working great and was easy for a hack monkey like me to get working. ty On Jun 11, 9:32 am, [EMAIL PROTECTED] wrote: Thanks sozzi, might be what I'm looking for, I just want the div to show on hover and hide when the original link or opening div is not hovered. Is it possible with the jqModal plugin? Also I might want the hover resulting div to popover the exisiting hyperlink/menu items on it's own dhtml layer. Any examples of something like that. Having to X-out to close a menu type item is cumbersome almost immediately. I am talking about a sites main menu navigation system in a left hand column. thanks. On Jun 10, 4:55 pm, sozzi [EMAIL PROTECTED] wrote: From our description you are not exactly looking for a tool-tip solution, more a sticky note solution. Have a look at:http://dev.iceburg.net/jquery/jqModal/ jqModal example 3c should be doing what you are looking for. Have a nice weekend. On Jun 8, 3:11 pm, [EMAIL PROTECTED] wrote: Still not really a clickable solution is it? The sticky version where you have to X out and close it is not good at all for a menu solution. Maybe I'm stuck with twinHelix supernote. Didn't get a chance to work on it. have to wait till monday.
[jQuery] Re: jq stripviewer
Hi Gian, YOur stripViewer is working great here, nice work. It's very smooth, no matter how far the images are scrolling. Love it! Ty On Jun 8, 3:42 am, GianCarloMingati [EMAIL PROTECTED] wrote: Hi all. Yesterday i was playing with jquery to create a slideshow component, some sort of strip viewer. The firts 30 minutes i ended up with this:http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/i... After a bit a realised it would be better to try with a LIST of images rather than with a single 900x100 jpg:http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/i... Inspired by the sliding pages on that sitehttp://www.hotel-oxford.ro/ and also from the 'bouncy' flash interfaces from the past, i created the two examples above. The last one is the one i want work onto. One weird thing: on IE6 the first click on any link of the interface moves the image without any easing effect, after that it works like a charm. On Opera 9 and FF/Mozilla it is ok. Another thing: How do you create a component (plugin)? Is there a tutorial on how to build plugins? An yet another thing: it would be GREAT to create such 'bouncy' interfaces by just writing the markup for ONE list and having jQuery draw the interface to view the images. That way when somebody wants to build a gallery like the one in the example, he should only create it's list (UL) of images with a class name. Na let jQuery dinamically draw the list with the links to move the gallery. Something totally parametric and reusable. I'll work on it. The last thing: In the example posted i used such code var steps = $(#stripViewerul li img).attr(width); to get the width of an image. Is that correct? Inside div#stripViewer there is a list with images. How to i get the width of the FIRTS image (all images are the same width)? The code above works but i' in doubt regarding the code. Thanks for any suggestion. Also, if you got the time: with jQuery how do you build (on page load) a list with sucj structure? ul lia href=#Picture one/a/li lia href=#Picture two/a/li !--eccetera-- /ul GC
[jQuery] Creating Tooltip type context menu
I tried yesterday unsuccessfully to combine this menu:
http://cssplay.co.uk/menus/menufive.html
With a jquery drop down type thing for some of the items,
that is here:
http://webexpose.org/2006/12/28/jquery-pop-up-menu-tutorial/
Sorry the only demo for this is in the download, works great nothing
fancy.
The trouble is the CSSplay menu isn't coded as list items, and the
drop down type menu works on a list of menu items.
I probably should of began with the jquery version menu and converted
it to have the behaviors from the CSS menu I wanted. Might try that
today.
Would there be an easy way to convert the WebExpose menu to work on a
series of links that are not list items? I tried switching it from
LI's to A's in the code, but I'm clueless on the actual logic to code
this stuff.
The code for the jquery part looks like this:
var obj = null;
function checkHover() {
if (obj) {
obj.find('ul').fadeOut('fast');
} //if
} //checkHover
$(document).ready(function() {
$('#Nav li').hover(function() {
if (obj) {
obj.find('ul').fadeOut('fast');
obj = null;
} //if
$(this).find('ul').fadeIn('fast');
}, function() {
obj = $(this);
setTimeout(
checkHover(),
400);
});
});
--
And the HTML CODE: Link 1 has no pop over menu link 2 does:
ul id=Nav
li
Test 1
/li
li
Test 2
ul class=Menu
liSub element 3/li
liSub element 4/li
/ul
/li
/ul
I Hope the code shows up ok, I'm not sure how to post code in here?
Code Merger Monkey boy
[jQuery] Jquery similar to twinhelix's supernote js
Anyone familiar with: http://www.twinhelix.com/dhtml/supernote/demo/ IS there a similar jquery functionality or plugin, I looked at what I could find yesterday. Something that just provides a clickable popup, almost like a tooltip for any hyperlink. Thanks for any suggestions. There's nothing wrong with the twinhelix item's it's just if it's jquery-ized it would probably save bandwidth and be compatible with my other scripts for sure, like innerfade that will be used on this site.
[jQuery] Re: Jquery similar to twinhelix's supernote js
Neither of those examples leave the tooltip, or popup menu (more like what I need) in place as clickable. I shouldn't of used the word tooltip maybe. I googled everything I could think of, saw those already for sure. Sorry to say. On Jun 8, 11:54 am, Rob Desbois [EMAIL PROTECTED] wrote: There are a couple of plugins like this, the ones that immediately spring out of my bookmarks are: *http://www.codylindley.com/blogstuff/js/jtip/ *http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ Not used either of them though. --rob On 6/8/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Anyone familiar with: http://www.twinhelix.com/dhtml/supernote/demo/ IS there a similar jquery functionality or plugin, I looked at what I could find yesterday. Something that just provides a clickable popup, almost like a tooltip for any hyperlink. Thanks for any suggestions. There's nothing wrong with the twinhelix item's it's just if it's jquery-ized it would probably save bandwidth and be compatible with my other scripts for sure, like innerfade that will be used on this site. -- Rob Desbois Eml: [EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 There's a whale there's a whale there's a whale fish he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome.
[jQuery] Re: Jquery similar to twinhelix's supernote js
Thanks Alexandre, jquery cluetip looks like it has possibilities then. Not sure why I didn't google that one up yesterday. Thanks all - I'll be back when/if I get stuck ;) On Jun 8, 12:58 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: clueTip is awesome: HYPERLINK http://examples.learningjquery.com/62/http://examples.learningjquery.com/6 2/ _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Rob Desbois Sent: vendredi 8 juin 2007 16:54 To: jquery-en@googlegroups.com Subject: [jQuery] Re: Jquery similar to twinhelix's supernote js There are a couple of plugins like this, the ones that immediately spring out of my bookmarks are: * HYPERLINK http://www.codylindley.com/blogstuff/js/jtip/http://www.codylindley.com/bl ogstuff/js/jtip/ * HYPERLINK http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/http://bassista nce.de/jquery-plugins/jquery-plugin-tooltip/ Not used either of them though. --rob On 6/8/07, HYPERLINK mailto:[EMAIL PROTECTED][EMAIL PROTECTED] HYPERLINK mailto:[EMAIL PROTECTED][EMAIL PROTECTED] wrote: Anyone familiar with: HYPERLINK http://www.twinhelix.com/dhtml/supernote/demo/http://www.twinhelix.com/dht ml/supernote/demo/ IS there a similar jquery functionality or plugin, I looked at what I could find yesterday. Something that just provides a clickable popup, almost like a tooltip for any hyperlink. Thanks for any suggestions. There's nothing wrong with the twinhelix item's it's just if it's jquery-ized it would probably save bandwidth and be compatible with my other scripts for sure, like innerfade that will be used on this site. -- Rob Desbois Eml: HYPERLINK mailto:[EMAIL PROTECTED][EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 There's a whale there's a whale there's a whale fish he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome. Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.472 / Base de données virus: 269.8.11/838 - Date: 7/06/2007 14:21
[jQuery] Re: Jquery similar to twinhelix's supernote js
Still not really a clickable solution is it? The sticky version where you have to X out and close it is not good at all for a menu solution. Maybe I'm stuck with twinHelix supernote. Didn't get a chance to work on it. have to wait till monday. On Jun 8, 1:26 pm, [EMAIL PROTECTED] wrote: Thanks Alexandre, jquery cluetip looks like it has possibilities then. Not sure why I didn't google that one up yesterday. Thanks all - I'll be back when/if I get stuck ;) On Jun 8, 12:58 pm, Alexandre Plennevaux [EMAIL PROTECTED] wrote: clueTip is awesome: HYPERLINK http://examples.learningjquery.com/62/http://examples.learningjquery.com/6 2/ _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Rob Desbois Sent: vendredi 8 juin 2007 16:54 To: jquery-en@googlegroups.com Subject: [jQuery] Re: Jquery similar to twinhelix's supernote js There are a couple of plugins like this, the ones that immediately spring out of my bookmarks are: * HYPERLINK http://www.codylindley.com/blogstuff/js/jtip/http://www.codylindley.com/bl ogstuff/js/jtip/ * HYPERLINK http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/http://bassista nce.de/jquery-plugins/jquery-plugin-tooltip/ Not used either of them though. --rob On 6/8/07, HYPERLINK mailto:[EMAIL PROTECTED][EMAIL PROTECTED] HYPERLINK mailto:[EMAIL PROTECTED][EMAIL PROTECTED] wrote: Anyone familiar with: HYPERLINK http://www.twinhelix.com/dhtml/supernote/demo/http://www.twinhelix.com/dht ml/supernote/demo/ IS there a similar jquery functionality or plugin, I looked at what I could find yesterday. Something that just provides a clickable popup, almost like a tooltip for any hyperlink. Thanks for any suggestions. There's nothing wrong with the twinhelix item's it's just if it's jquery-ized it would probably save bandwidth and be compatible with my other scripts for sure, like innerfade that will be used on this site. -- Rob Desbois Eml: HYPERLINK mailto:[EMAIL PROTECTED][EMAIL PROTECTED] Tel: 01452 760631 Mob: 07946 705987 There's a whale there's a whale there's a whale fish he cried, and the whale was in full view. ...Then ooh welcome. Ahhh. Ooh mug welcome. Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.472 / Base de données virus: 269.8.11/838 - Date: 7/06/2007 14:21
[jQuery] Re: InnerFade without javascript support
CSS is so powerful easy sometimes.
Wouldn't placing the innerFade sequence of images in a div, and then
assigning that div:
overflow:hidden;
properties take care of it, that's just too easy, I'll report back how
it works.
Also I tried throwing in the innerfade as a page include using .Asp
that didn't work out to well.
The images get don't fade correctly at all, and jump from one to the
other kind of blinky like.
Are there many added problems with lot's of jquery goodies using them
from an include page.
My buddy here can help me figure it out, but keeping it simple once
again, there's probably no reason I need to use an include, but
sometimes it would be handy.
On Jun 5, 2:05 pm, [EMAIL PROTECTED] wrote:
Thanks again Joel,
since I'm just beginning the layout, I could build it so the images
all loading wouldn't be a problem.
If the images were not contained in a header div, but a right-hand
sidebar div, that only looked like it was in the header and there
wouldn't be a problem.
It wouldn't break the rest of the layout.
Trouble is though I wasn't planning on a right hand column only a left
hand one, if it was floated right though and only extended to take in
all the images it might work, if I can keep the rest of the layout
flexible in width, which usually it isn't.
My standard structuring is maybe the problem, and i need to just
rethink it a tad.
I've built just a ton of sites now using this
layout:http://www.456bereastreet.com/lab/developing_with_web_standards/cssla...
Throwing it out there in case anyone else needs a standard layout.
A slight tweak in structure may be best then.
On Jun 5, 1:56 pm, [EMAIL PROTECTED] wrote:
Is there a way to call the div containing the fade list code, only if
there is jquery support.
Obviously it wouldn't load if there was no js. The absolute
positioning and z-indexing sounds troublesome.
I try not to absolutely position anything normally.
ty
Thanks joel.
On Jun 5, 1:31 pm, Joel Birch [EMAIL PROTECTED] wrote:
On 06/06/2007, at 3:12 AM, [EMAIL PROTECTED] wrote:
Hi All, I'm hoping this is an easy fix.
Normally on the images list sample:
http://medienfreunde.com/lab/innerfade/
The images all load when there is now javascript support.
I'm planning to use an innerfade list of images in the header design
of a site.
I'ld like for the innerfade images to not load at all, if there is no
javascript support.
Or maybe the CSS could handle loading only 1 background image for that
div.
Any ideas?
It's not a big concern that there won't be javascript support, just a
general precaution.
Something I have done before is change all but the first image into
links to the images, Then use CSS to position all the li elements
absolutely on top of each other and z-index the first (and now only)
image on top of the links, obscuring them from view. Then, just
before calling your slideshow plugin (innerfade in your case) run
this simple plugin I wrote, upon the same containing element you are
about to run innerfade on:
$.fn.anchorsToImg = function() {
this.find(a).add(this.filter(a)).each(function() {
if (this.href.substr(this.href.length-4)==('.jpg' ||
'.gif' ||
'.png') ) {
var $$ = $(this);
$$.after('img src='+$$.attr(href)+' alt=
/').remove();
}
}).end();
return this;
};
So your calling code may look like something like this:
$('.gallery').anchorsToImg().innerfade();
the anchorsToImg plugin will, um, change all the anchors found
anywhere within the element it is called upon into img tags, thereby
providing innerfade with the structure it needs. If JavaScript is
unavailable, only the one image is shown and the other images are not
downloaded but still remain accessible (at least in non-CSS
situations) via the links.
Good luck.
Joel Birch.
[jQuery] InnerFade without javascript support
Hi All, I'm hoping this is an easy fix. Normally on the images list sample: http://medienfreunde.com/lab/innerfade/ The images all load when there is now javascript support. I'm planning to use an innerfade list of images in the header design of a site. I'ld like for the innerfade images to not load at all, if there is no javascript support. Or maybe the CSS could handle loading only 1 background image for that div. Any ideas? It's not a big concern that there won't be javascript support, just a general precaution.
[jQuery] Re: InnerFade without javascript support
Is there a way to call the div containing the fade list code, only if
there is jquery support.
Obviously it wouldn't load if there was no js. The absolute
positioning and z-indexing sounds troublesome.
I try not to absolutely position anything normally.
ty
Thanks joel.
On Jun 5, 1:31 pm, Joel Birch [EMAIL PROTECTED] wrote:
On 06/06/2007, at 3:12 AM, [EMAIL PROTECTED] wrote:
Hi All, I'm hoping this is an easy fix.
Normally on the images list sample:
http://medienfreunde.com/lab/innerfade/
The images all load when there is now javascript support.
I'm planning to use an innerfade list of images in the header design
of a site.
I'ld like for the innerfade images to not load at all, if there is no
javascript support.
Or maybe the CSS could handle loading only 1 background image for that
div.
Any ideas?
It's not a big concern that there won't be javascript support, just a
general precaution.
Something I have done before is change all but the first image into
links to the images, Then use CSS to position all the li elements
absolutely on top of each other and z-index the first (and now only)
image on top of the links, obscuring them from view. Then, just
before calling your slideshow plugin (innerfade in your case) run
this simple plugin I wrote, upon the same containing element you are
about to run innerfade on:
$.fn.anchorsToImg = function() {
this.find(a).add(this.filter(a)).each(function() {
if (this.href.substr(this.href.length-4)==('.jpg' || '.gif' ||
'.png') ) {
var $$ = $(this);
$$.after('img src='+$$.attr(href)+' alt=
/').remove();
}
}).end();
return this;
};
So your calling code may look like something like this:
$('.gallery').anchorsToImg().innerfade();
the anchorsToImg plugin will, um, change all the anchors found
anywhere within the element it is called upon into img tags, thereby
providing innerfade with the structure it needs. If JavaScript is
unavailable, only the one image is shown and the other images are not
downloaded but still remain accessible (at least in non-CSS
situations) via the links.
Good luck.
Joel Birch.
[jQuery] Re: InnerFade without javascript support
Thanks again Joel,
since I'm just beginning the layout, I could build it so the images
all loading wouldn't be a problem.
If the images were not contained in a header div, but a right-hand
sidebar div, that only looked like it was in the header and there
wouldn't be a problem.
It wouldn't break the rest of the layout.
Trouble is though I wasn't planning on a right hand column only a left
hand one, if it was floated right though and only extended to take in
all the images it might work, if I can keep the rest of the layout
flexible in width, which usually it isn't.
My standard structuring is maybe the problem, and i need to just
rethink it a tad.
I've built just a ton of sites now using this layout:
http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/finished.html
Throwing it out there in case anyone else needs a standard layout.
A slight tweak in structure may be best then.
On Jun 5, 1:56 pm, [EMAIL PROTECTED] wrote:
Is there a way to call the div containing the fade list code, only if
there is jquery support.
Obviously it wouldn't load if there was no js. The absolute
positioning and z-indexing sounds troublesome.
I try not to absolutely position anything normally.
ty
Thanks joel.
On Jun 5, 1:31 pm, Joel Birch [EMAIL PROTECTED] wrote:
On 06/06/2007, at 3:12 AM, [EMAIL PROTECTED] wrote:
Hi All, I'm hoping this is an easy fix.
Normally on the images list sample:
http://medienfreunde.com/lab/innerfade/
The images all load when there is now javascript support.
I'm planning to use an innerfade list of images in the header design
of a site.
I'ld like for the innerfade images to not load at all, if there is no
javascript support.
Or maybe the CSS could handle loading only 1 background image for that
div.
Any ideas?
It's not a big concern that there won't be javascript support, just a
general precaution.
Something I have done before is change all but the first image into
links to the images, Then use CSS to position all the li elements
absolutely on top of each other and z-index the first (and now only)
image on top of the links, obscuring them from view. Then, just
before calling your slideshow plugin (innerfade in your case) run
this simple plugin I wrote, upon the same containing element you are
about to run innerfade on:
$.fn.anchorsToImg = function() {
this.find(a).add(this.filter(a)).each(function() {
if (this.href.substr(this.href.length-4)==('.jpg' || '.gif'
||
'.png') ) {
var $$ = $(this);
$$.after('img src='+$$.attr(href)+' alt=
/').remove();
}
}).end();
return this;
};
So your calling code may look like something like this:
$('.gallery').anchorsToImg().innerfade();
the anchorsToImg plugin will, um, change all the anchors found
anywhere within the element it is called upon into img tags, thereby
providing innerfade with the structure it needs. If JavaScript is
unavailable, only the one image is shown and the other images are not
downloaded but still remain accessible (at least in non-CSS
situations) via the links.
Good luck.
Joel Birch.
[jQuery] Re: Thickbox 3 transitions, How To
It's interesting how your sample is working, that's about what I had
in mind.
I guess I would of envisioned the white part of the thickbox staying
in place and the photos fading in and out of the white background,
maybe that's not possible. The box fading completely to gray and then
sort of pausing before it starts to load the next picture, is a little
bit cumbersome I suppose.
The fade out, should really overlap the time the next one is fading to
do it correctly I suppose.
A+ for effort though Ben.
Thanks.
Ty
On May 24, 3:54 pm, Benjamin Sterling
[EMAIL PROTECTED] wrote:
Not sure if I fully understand what you are saying. But if I do, you are
just changing what is inside the next and prev functions, now, if there
other effects you want to add, what I posted may need to be altered. Let me
know if I am understanding you correctly.
On 5/24/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
That's cool Ben, it's really more of an enhancement, I'm up and
running with thickbox already.
The fades would of been nice. So I needed to think in terms of adding
the fades not replacing something else entirely then?
All good...
On May 24, 12:17 pm, Benjamin Sterling
[EMAIL PROTECTED] wrote:
I would think something like $(#TB_window).fadeOut(slow).remove();
would work. Let me try it on an installation I have and will get back
to a
little later.
On 5/24/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:
I'm a js logic clutz, I tried adding.
.fadeOut(slow);
to the place in the function where it called remove, that didn't work.
IT broke the TB trying that.
Here's the goNext function just if somebody can give me a quick code
sample:
-
if (!(TB_NextHTML === )) {
function goNext(){
$(#TB_window).remove();
$(body).append(div
id='TB_window'/div);
tb_show(TB_NextCaption,
TB_NextURL, imageGroup);
return false;
}
$(#TB_next).click(goNext);
}
On May 24, 9:49 am, Benjamin Sterling
[EMAIL PROTECTED] wrote:
Take a look at his goNext and goPrev functions, that is where, I
assume,
you
can put in the transition affects.
--
Benjamin
Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.com
--
Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.com
--
Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.com
[jQuery] Re: Thickbox 3 transitions, How To
Cool Thanks for the tip where to start Ben! On May 24, 9:49 am, Benjamin Sterling [EMAIL PROTECTED] wrote: Take a look at his goNext and goPrev functions, that is where, I assume, you can put in the transition affects. -- Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.com
[jQuery] Thickbox 3 transitions
Hey all, you've probably seen cody's thickbox 3 by now: http://jquery.com/demo/thickbox/ He mentions transitions, but now how to implement any, beyond the scope of his application probably. I've got a little combo app gallery (for a client) that is here: http://www.chatelainplastics.com/signageVinyl.htm It was already using the reflection.js class, and they thought they wanted to be able to click to larger images (surprise) so I went with thickbox ;) Anyways I used the demo of Cody's where you can group the slides all of mine are grouped as rel=signage. So for example right now there are 15 images at the bottom and they click into a slideshow with previous and next buttons just like Cody's. How could I add a slight fade transition between images, when people click previous and next, when they have the thickbox open?
[jQuery] Re: Free Greeting cards!
Looks like some idiot posting spam crap-page to me, [Delete] On May 21, 12:52 pm, jack nicole [EMAIL PROTECTED] wrote: Free Greeting cards!http://offr.biz/HLFCI276377ZTPYJEK
[jQuery] Re: Featured Content or Cnet Carousel
Thanks for the suggestions, and making me think. I guess I'm not that partial to the animation, a classic fade would be fine. Like http://medienfreunde.com/lab/innerfade/ What I really like is the navigation at the bottom, I'm not sure how to do that with no fuss, that would highlight which slide is showing at the moment, such as a selected Css class or something? There are seven, count 'em seven scripts attached to the non-jquery example at: http://www.builderau.com.au/resources/carousel/example2.htm I hate to even think about tying up that kind of bandwidth on a server. Any ideas on coding the navigation or an example or plugin that could be used in conjunction with innerfade maybe? I don't think I have the skills to mesh two app's into one, but my bud Mario might be able to help me figure it out. thanks again. On May 7, 4:42 pm, Alex Ezell [EMAIL PROTECTED] wrote: This is not an answer, just an observation. Does it seem odd that a carouselor slideshow which is decidedly horizontal uses a DropOutDown effect? Shouldn't it just fade or at least slide off to the side? /alex On 5/7/07, Dan G. Switzer, II [EMAIL PROTECTED] wrote: Is anyone familiar with this type of setup: http://www.builderau.com.au/program/javascript/soa/Build-a-carousel-w... JavaScript/0,339028434,339271770,00.htm The demo is at the end of the article on page three or here: http://www.builderau.com.au/resources/carousel/example2.htm Interface already has a DropOutDown effect: http://interface.eyecon.ro/demos/ifx.html#drop-fx http://interface.eyecon.ro/docs/fx It wouldn't be hard to modify that code to do what you want using jQuery. You could also probably just use the animate() method if you didn't want to use Interface to get the same effect. -Dan
[jQuery] Jquery slideshow plugin, unstyled content
IS there anyway to not have the slideshow: http://interface.eyecon.ro/demos/slideshow.html show the photo's sort of in a vertical line until they all load. It really makes me not want to use this particular setup, even though it's perfect for what I want. There really are not to many slideshow type demo's for jquery out there, that I can find otherwise. Thanks, ty
