lee grant
Privileged
-
Joined
-
Last visited
Everything posted by lee grant
-
Hmm I think I have a slight idea how it works, I'll let you know if I figure it out!
-
Hey guys, anyone know where I can find a slider like this one http://www.jayhollywood.com.au/ Thanks
-
Of course they would advise that ... that's money in their pockets You'll find most people use photoshop cs3+ (I use cs3 and it's just fine) and a text editor like notepad, dreamweaver, coda ect. I don;t think you need a full package as yet, save your money.
-
Umm I'm guessing you're completely new to this then? I'd suggest taking a look at one of these psd to html tutorials first to get they layout and mark up right for your website http://designm.ag/resources/converting-psd-to-html/ The ajax content loading may bit a little too much for you. to grasp just yet.
-
Ty these here.
-
-
I've had this since december last year http://www.dell.com/us/en/dfh/notebooks/laptop-studio-xps-13/pd.aspx?refid=laptop-studio-xps-13&cs=22&s=dfh Stil las fast as it was back then, not a single problem.
-
Just in case anyone is interested, a tutorial I wrote ... http://www.hv-designs.co.uk/2010/10/20/jquery-slide-effect/
-
Sounds like a right tight wad
-
Yep you shouldn't have any problems. This may be a better read for you http://yensdesign.com/2008/12/how-to-load-content-via-ajax-in-jquery/
-
I'd ditch the iframe idea an do it with ajax and jquery like so .. http://www.electrictoolbox.com/load-content-jquery-ajax-loading-image/
-
Ha it's just a matter of playing around with positioning and seeing what works best, trial and error is the way forward!
-
The way I've done it seems the most logical to me as it works, unless of course you want to toggle the animation. I'd stick to using absolute positioning as trying to animate two floating elements is going to throw your divs around a little, using absolute you will have control of the animation.
-
This should do it <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#boxmove").click(function() { $("#box1").animate({ left : "110px"}, 500); }); $("#boxmove").click(function() { $("#box2").animate({ right : "110px"}, 500); }); }); </script> </head> <body> <input style="width: 145px;" type="button" id="boxmove" value="Box Swapper"> <div style="position:relative; width:210px;"> <div id="box1" style="width:100px; background-color:blue; position:absolute; left:0;">Box 1</div> <div id="box2" style="width:100px; background-color:red; position:absolute; right:0;">Box2</div> </div>
-
$('#boxmove').click(function() { $('#box1').animate({ left : "200px"}, 500); }, function() { $('#box2').animate({left : "-200px"}, 500) ; }); It's not tested but give that a go.
-
You can't cater for all, it's going to appear slightly different with each different browser or screen resolution. The only way would be reducing the image dimensions.
-
Have you included a link in your head to the jQuery library? <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
jQuery .. http://davidwalsh.name/dw-content/fade-except-jquery.php
-
Hi, Don't forget photoshop tutorials to learn design techniques
-
You'll need to change all id's to classes for a start as you can't have duplicate id's. You'll need to set the containing div to float left if you'd want them to sit side by side. I'm a little busy tonight to test this but I'll take a look tomorrow if you've not managed it.
-
No worries
-
Classic!
-
I've just made this which is quite similar in the way it work, just needs styling and such /***** NEW LINK *****/ http://klevermedia.co.uk/slide/ needs a little more work, hope it helps.
-
Good point.
-
Just give your list item a width the text-align center
