Jump to content

tnd1000

Members
 View Profile  See their activity

  • Posts

    54

  • Joined

  • Last visited

 Content Type 

Posts posted by tnd1000

    jQuery/Javascript mouseenter function for button? [Solved]

    in JavaScript

    Posted · Edited by tnd1000

    I'm sorry, I obviously misunderstood the matter of the image sprites, as I did read that tutorial. I thought that since I was using JavaScript to operate the buttons, that jQuery would be the best way to go (I didn't want to inadvertently use a bad coding practice or something...). Honestly, I'm thankful that it wasn't. Thank you for your time, and for setting the record straight.

    Validate again?

    in HTML/XHTML

    Posted · Edited by tnd1000

    When I´ve time I´m going to write a simple, ´normal´ tutorial, because now I´ve lost a ###### of a time to stupid things like above. Creating a html, css, php etc. isn´t that difficult! To write a good = simple, clear, easy to read tutorial is something different!
    Um....seriously? Go for it, dude..... *Walks away shaking head*

    jQuery/Javascript mouseenter function for button? [Solved]

    in JavaScript

    Posted · Edited by tnd1000

    Hey there. I've been reading up on this in the various tutorials, but I don't really know if I'm going about it the right way, so I guess I'm going to be asking yet another question... I made some playback buttons for my site's slideshow (which Don E. was kind enough to make, seen here: http://w3schools.inv...=0), and I would like to add a hover effect to them. I have another set of button-images to be used for the hover effect, so that the buttons would go from red (normal) to green (moused-over). post-95194-0-15719200-1337034919_thumb.png The jQuery "mouseenter" function seems like it would do what I'm looking for, I just don't really know how to deal with images. This is the section of javascript that operates the buttons: 

    function slide(){imgSlide.src = images[pic].src;if(pic < 1) // images.length - 1 can be used here{pic++;}else{pic = 0 }timer = setTimeout(slide, 5000);} function prev(){if(timer)stopSlide(); if(pic == 0){ pic = 1; imgSlide.src = images[pic].src;}else{pic--;imgSlide.src = images[pic].src;}} function next(){if(timer)stopSlide(); if(pic == 1){ pic = 0;imgSlide.src = images[pic].src;}else{pic++;imgSlide.src = images[pic].src;}  } function stopSlide(){clearTimeout(timer);}

    The buttons themselves in the <body> tag (I shortened the URLs so that my site's name wouldn't show): 

    <a href="JavaScript:stopSlide()" title="Stop"><img src="stop.png"></a> <a href="JavaScript:prev()" title="Previous"><img src="back.png"></a> <a href="JavaScript:slide()" title="Start"><img  src="play.png"></a> <a href="JavaScript:next()" title="Next"><img src="next.png"></a>

    If anyone could point me in the right direction of how to do this, I'd really appreciate it.

    Building a slideshow

    in Multimedia

    Posted · Edited by tnd1000

    Man, you are awesome. I didn't expect you to actually build the thing, but thank you very much! I'll give it a try. :D -EDIT- It works great, and it's actually just what my client was looking for! I'll do a bit of tweaking and integration, and it'll be perfect. Can't quite thank you enough for your help.

    Building a slideshow

    in Multimedia

    Posted · Edited by tnd1000

    Hey there! I'm looking to build a slideshow for my site, and I was wondering what would be the best way to go about it. All I really need are the basic buttons (start, stop, forward, backward) and the capability to cycle through a LOT of pictures. Any advice would be greatly appreciated!

    css style please help

    in CSS

    Posted

    Hey there. Since I don't know how much experience you have with CSS, I'll try to stick with the basics. If you need some help getting started with CSS in general, this is the start of the tutorial: http://www.w3schools.../css_intro.asp. I would also strongly suggest checking out CSS3 (http://www.w3schools...ss3/default.asp), as several of the practices have been updated. For the background color, I'd recommend something like this in your stylesheet: 

    body {background-color: grey;}

    You might try these pages for choosing the color best suited for your needs: http://www.w3schools..._colornames.asp & http://w3schools.com...rhex=%23330033. The first is good for finding the color of your choice, and the second helps you choose a shade. (Remember that you can use either the color name or the hexadecimal value, i.e. #00000, in the stylesheet) W3Schools also has a tutorial on placing different elements in front of each other: http://www.w3schools...positioning.asp Tutorial for making a drop-shadow: http://www.w3schools..._box-shadow.asp As for the upper and bottom background images, I would suggest using divs (http://www.w3schools...ags/tag_div.asp). For example: 

    <div id="top_background">[content goes here]</div>

    In fact, it would probably be a good idea to use divs for all of your main sections/areas of content. Just remember to give your div a unique id if you plan on applying specific styles to it, so that you can refer to it in your stylesheet, i.e #top_background {style;}. Hope this helped. If you have any more questions, don't hesitate to ask.

    • Like 1

    Introduce Yourself

    in General

    Posted · Edited by tnd1000

    Hey, folks. Another newb here (oh, the horror!). I'm relatively new to coding, and have taken a sink-or-swim approach to it...needless to say, I spend a lot of time swearing and gesturing violently at the computer screen. But this place has been a great help--where other support forums have failed, you guys actually step up and assist. Can't tell you how great it was to have my first question answered within half an hour, and with a lot more than just "you can't do that." I hope that soon I'll be at a point where I can effectively help others with their questions, as well...

×
×
  • Create New...