smartkid

Hey Mantis, check this out.. this is really cool:) I hope this solves your problem.. http://unstoppablerobotninja.com/demos/resize/fix/

Hi guys, i am new to asp.net. brand new actually.. My question is can we use Hml5 rather than xhtml as frontend in asp.net web application.. I am also learning html5.. so i think after buliding our app, we have to change the tags to html5 complaint tags right?? Can anyone help.. Thanks.

hey Spitfire i tried this but it's not working.

hi guys, ive tried ll forums but cannot fin a solution... i want to delay this function with some time on colorbox with parameters inside here is my code $(document).ready(function(){ $("#haha").click(function(){ $("#haha").colorbox({iframe:true, innerWidth:425, innerHeight:344}); }); }); so when user clicks hello div the .colorbox functions tarts after a delay.. i tried delay method but it didnt woek.. i also tried settimeout but i think i am not ab to set it correctly.. please help.. thanks:)

hi, i am quite ne to asp.net. ihave a question.. Can we create a whole small web application on a single .aspx page using jquery with hide divs and all.. and is it possible to have login on same page so that when user eters login details it verfies through database and hides tht div and shows main application on one same page.. thanks

Hello Guys, i am quite new to Jquery.. i am having a problem.. i put some animation on click event in a div.. then i have an innter div (inside div) with a much smaller size and have different animation on it's click event.. So when i click the inner div the animation runs fine but then after it reaches end the main Div animation starts running automatically.. please help.. I think the problem is that outer div is also hainv it clicked when i click inner div... please help me solve problem.. thnaks.

hi guys, please help me out with this script.. i wrote a toogle and i am getting an error.. is this right code.. please check.. and i am quite a newbie so sorry if something is stupid here.. $(document).ready(function(){ $('#slidebutton1').toogle( function(){ //fade is content $('.slider #contents').delay(1400).fadeIn(500);}); }); function(){ //fade is content $('.slider #contents').fadeOut(500); }); }); thanks..

Hi, well,i have a problem with if loop in jquery.. I need to check if the div margin is at some level when i click a button, so the function alert runs, i wrote this code... $(function () { $('#button').click(function(){ if($('.slider').css("margin-right",'-480px')) { alert("Hello kaka"); } }); }); But i am not able to select it.. Please help if i wrote the syntax wrong.. Thanks.

Thanks a lot pal:)

hello Giuys, i am quite new to jquery?? i wanna know how to select a div to animate on button click.. i am using this code $("#button").click(function () { $(this).animate({ top: '-=480px' }, 1700); }); But i guess instead of this i use #div name i did but it dont work.. Please Help.. Thanks..

That would be quite tough.. but i will see if it will be possible, because i have to create the whole pngs and all.. hehe

Thanks everyone.. i will be fixing mouse scrolling soon:) yes Lev, hands pointer will be better.. i will do that too:) But how about a real hand pointer hehe?? i mean not the windows one..!!

sweet

hehe thanks pal.

very slick

hey fellas, i did some cool stuff.i finished it yesterday.... i created a custom scrollbar which i drew on paper, then scanned and then programmed in actionscript. in flash... check it out http://banmeetsingh.com/scrollbar/ please give feedback:) thanks

hi guys, we all have been seing websites that use fullscreen slideshow build from Supersized. I wanna know is there any way we can also slide out the divs overlays with images.. like a side scrolling website?? thanks...

i tried divs that overlay, but it dosent work.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery image panning</title> <style type="text/css"> <!-- html,body{height:100%;} body {margin:0; padding:0; background:#eee;} #outer_container{ position:relative; margin:auto; padding:0px; height:100%; width:100%; float:left; } #imagePan{position:relative; overflow:hidden; cursor:crosshair; height:100%; width:100%;} #imagePan .container{position:relative; left:0;} #over { height:100%; width:100%; z-index:333; position:absolute; background:transparent url(raster.png) repeat top left; } #outer_container #kaka { float: left; height:222px; width:222px; position: absolute; z-index: 555; background-color:red; } --> </style> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.easing.1.3.js"></script> </head> <body> <div id="outer_container"> <div id="kaka"></div> <div id="imagePan"> <div class="container"><div> <img src="4.jpg" class="panning" /> </div></div> </div> </div> <script> $(window).load(function() { $outer_container=$("#outer_container"); $imagePan_panning=$("#imagePan .panning"); $imagePan=$("#imagePan"); $imagePan_container=$("#imagePan .container"); $outer_container.css("top", ($(window).height()-($outer_container.outerHeight()))/2); $imagePan_panning.css("margin-top",($imagePan.height()-$imagePan_panning.height())/2+"px"); containerWidth=$imagePan.width(); containerHeight=$imagePan.height(); totalContentW=$imagePan_panning.width(); totalContentH=$imagePan_panning.height(); $imagePan_container.css("width",totalContentW).css("height",totalContentH); function MouseMove(e){ var mouseCoordsX=(e.pageX - $imagePan.offset().left); var mouseCoordsY=(e.pageY - $imagePan.offset().top); var mousePercentX=mouseCoordsX/containerWidth; var mousePercentY=mouseCoordsY/containerHeight; var destX=-(((totalContentW-(containerWidth))-containerWidth)*(mousePercentX)); var destY=-(((totalContentH-(containerHeight))-containerHeight)*(mousePercentY)); var thePosA=mouseCoordsX-destX; var thePosB=destX-mouseCoordsX; var thePosC=mouseCoordsY-destY; var thePosD=destY-mouseCoordsY; var marginL=$imagePan_panning.css("marginLeft").replace("px", ""); var marginT=$imagePan_panning.css("marginTop").replace("px", ""); var animSpeed=600; //ease amount var easeType="easeOutCirc"; if(mouseCoordsX>destX || mouseCoordsY>destY){ //$imagePan_container.css("left",-thePosA-marginL); $imagePan_container.css("top",-thePosC-marginT); //without easing $imagePan_container.stop().animate({left: -thePosA-marginL, top: -thePosC-marginT}, animSpeed,easeType); //with easing } else if(mouseCoordsX<destX || mouseCoordsY<destY){ //$imagePan_container.css("left",thePosB-marginL); $imagePan_container.css("top",thePosD-marginT); //without easing $imagePan_container.stop().animate({left: thePosB-marginL, top: thePosD-marginT}, animSpeed,easeType); //with easing } else { $imagePan_container.stop(); } } $imagePan_panning.css("margin-left",($imagePan.width()-$imagePan_panning.width())/2).css("margin-top",($imagePan.height()-$imagePan_panning.height())/2); $imagePan.bind("mousemove", function(event){ MouseMove(event); }); }); $(window).resize(function() { $imagePan.unbind("mousemove"); $imagePan_container.css("top",0).css("left",0); $(window).load(); }); </script> </body> </html>

hi guys, ive been checking a lot of websites with pixel overlays, especially on fullscreen media galleries... now i wanted to embed a pixel pattern to my gallery too.. i did this before using a div with the .png file set as overlay and repeat.. but i found this amazing jquery panning gallery here.. http://manos.malihu.gr/jquery-image-panning ive tried to add overlay to this but Cant. I've tried same technique but when image pans it shows the pixel in background.. the div i had created was on top of all other divs but still no result.. Can someone help.. I guess some javascript is blocking it.. please help.. thanks

Hi guys,, i am working on a poloroid gallery using css3. i have applied transform property to images.I have transparent png images tilted... now the problem is how come i can set hover at only in image maps set on that picture by dreamweaver.. i mean the co ordinates??? because the tilted image takes the square size i want that only tilted image be clicked the effect take place.. thanks..

Thanks Mark.. i will try that

Hi guys, hmm i have a problem here.. i am an audio player for website.. i have the playlist in <ol>.. when i clikc a link the song plays.. Now i have added Pretty photo a Lightbox clone to the page and i need that when i Click on a song from playlist, song plays and it pop up some photo or external site.. The point is the playlist like already has a <a href=#">example song</a> and to show some website in popup we have to add an a href again but it already has one.. So tell me Guys how can i add two <a href=""> to same link??so that song also plays and pop up window also opens.. thanks..

Thanks Gareth, it worked Man.Thanks again.

Hey guys,, ive got asimple question here.. Can you tell em what will be the css so that the current page open link has some effect such as underline or bold text.. i mean for example if Bio page is open then bio page link text is bold or underline?? thanks..

Hi guys, i have a simple question.. i am creating a gallery and i want that when i hover over and image the zoom icon image (semi transparent png) appears on top.. i created the image, i put it in background-image on hover using css but i dosen't work.. can someone show me how to do that. is there a way we can do that set opacity of image to low and on hover set the png one on top?? thanks