Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Please help website effect how to do it?
New Posts  All Forums:Forum Nav:

Please help website effect how to do it? - Page 2

post #11 of 13
If you want to use a slider the easiest way is with jQuery.

You can either download the jQuery file from the site or attach a Google AjAX link which has the lastest version of jQuery.

Then you need to find a slider like the Nivoslider and follow the instructions on how to get it working.

Once you get it set if you know a lil bit of css you can customize the look a lil bit to fit your website. Also the picture you showed looks like it had a hover caption. So all you would have to do is add a caption tag to each image.

If it's a link to an article you just link it over, but if it's a link to an image then I recommend you use a litebox jQuery program so the image will open up nicely centered in your browser.

GL it's a little bit challenging when you first try Jquery but it gets addictive once you found how easy it actually is.


Here are some reference links

http://jquery.com/

Nivo Slider
D-TRAIN
(15 items)
 
  
CPUMotherboardGraphicsRAM
Intel I5 2500k Asus Maximus IV Gene-Z Nvidia GTX 580 1.5 gb GEIL Enhance 16gb 1600 
Hard DriveHard DriveCoolingOS
Corsair Force SSD 90gb Western Digital 7500k Cool IT ECO CPU water cooler Windows 7 PRO 
MonitorKeyboardPowerCase
(2) LG Flatron IPS236V-PN 23 Logitech MX OCZ Z-Series 1000w gold PSU Silver Stone TJ08-E 
MouseMouse PadOther
Logitech G500 Coca Cola mouse pad :) 100% pimp juice 
  hide details  
Reply
D-TRAIN
(15 items)
 
  
CPUMotherboardGraphicsRAM
Intel I5 2500k Asus Maximus IV Gene-Z Nvidia GTX 580 1.5 gb GEIL Enhance 16gb 1600 
Hard DriveHard DriveCoolingOS
Corsair Force SSD 90gb Western Digital 7500k Cool IT ECO CPU water cooler Windows 7 PRO 
MonitorKeyboardPowerCase
(2) LG Flatron IPS236V-PN 23 Logitech MX OCZ Z-Series 1000w gold PSU Silver Stone TJ08-E 
MouseMouse PadOther
Logitech G500 Coca Cola mouse pad :) 100% pimp juice 
  hide details  
Reply
post #12 of 13
jQuery is the way to go. I personally recommend jQuery Cycle. Link

I find it the most flexible of all the slider/carousel plugins out there and it has good documentation with lots of examples if you need them.
White TITAN
(16 items)
 
   
CPUMotherboardGraphicsRAM
intel core i7-3770k Asus Z77 Sabertooth EVGA GTX 780 SC ACX Corsair Dominator Platinum 16GB (2x8GB) 
Hard DriveHard DriveHard DriveOptical Drive
Samsung 840 Pro  WD Black Crucial M4 LG Blueray 
CoolingOSMonitorPower
Swiftech H220 (Stock cooler on while RMA :( ) Windows 7 64bit Dell 2311h Ultrasharp x 2 Corsair AX850 
CaseMouseMouse PadAudio
Fractal Design Define R4 White (w/ Window) Logitech G700 Razer Control Edition Sound Blaster ZxR 
CPUMotherboardGraphicsRAM
Intel 980x Asus Rampage iii Extreme EVGA GTX580 SLI Patriot Viper Xtreme 12GB DDR3 2000 (PC3 16000) 
Hard DriveHard DriveHard DriveOptical Drive
120GB Corsair Force Series 3 SSD WD Caviar Black 640GB Crucial M4 128GB SSD LG Black Blu-ray Drive SATA Model UH12LS28 
CoolingCoolingCoolingCooling
XSPC RX360 and RX120 Rads Watercool HeatKiller 3.0 Limited Edition Black ... XSPC Dual Bay Res with Swiftech MCP655 Pump Silver Shining Bitspower Compression Fittings 
CoolingCoolingCoolingCooling
PrimoFlex Pro LRT Black Tubing -1/2in. ID X 3/4in. 3x Gentle Typhoon 120mm Fan 1850RPM (AP-15)  1x Noiseblocker NB-BlackSilentPro PL-2 120mm Ul... Koolance VID-NX580 Full Cover GPU Waterblock x2 
OSMonitorKeyboardPower
Windows 7 Home Premium x64 Dell U2311 Ultrasharp x2 Max Keyboard Nighthawk X8 Semi-Custom - Mechani... Antec High Current Gamer 900W 
CaseMouseMouse PadAudio
Xigmatek Elysium Black Logitech G700 Razer Goliathus Creative Sound Blaster Recon3D Fatal1ty Pro 
  hide details  
Reply
White TITAN
(16 items)
 
   
CPUMotherboardGraphicsRAM
intel core i7-3770k Asus Z77 Sabertooth EVGA GTX 780 SC ACX Corsair Dominator Platinum 16GB (2x8GB) 
Hard DriveHard DriveHard DriveOptical Drive
Samsung 840 Pro  WD Black Crucial M4 LG Blueray 
CoolingOSMonitorPower
Swiftech H220 (Stock cooler on while RMA :( ) Windows 7 64bit Dell 2311h Ultrasharp x 2 Corsair AX850 
CaseMouseMouse PadAudio
Fractal Design Define R4 White (w/ Window) Logitech G700 Razer Control Edition Sound Blaster ZxR 
CPUMotherboardGraphicsRAM
Intel 980x Asus Rampage iii Extreme EVGA GTX580 SLI Patriot Viper Xtreme 12GB DDR3 2000 (PC3 16000) 
Hard DriveHard DriveHard DriveOptical Drive
120GB Corsair Force Series 3 SSD WD Caviar Black 640GB Crucial M4 128GB SSD LG Black Blu-ray Drive SATA Model UH12LS28 
CoolingCoolingCoolingCooling
XSPC RX360 and RX120 Rads Watercool HeatKiller 3.0 Limited Edition Black ... XSPC Dual Bay Res with Swiftech MCP655 Pump Silver Shining Bitspower Compression Fittings 
CoolingCoolingCoolingCooling
PrimoFlex Pro LRT Black Tubing -1/2in. ID X 3/4in. 3x Gentle Typhoon 120mm Fan 1850RPM (AP-15)  1x Noiseblocker NB-BlackSilentPro PL-2 120mm Ul... Koolance VID-NX580 Full Cover GPU Waterblock x2 
OSMonitorKeyboardPower
Windows 7 Home Premium x64 Dell U2311 Ultrasharp x2 Max Keyboard Nighthawk X8 Semi-Custom - Mechani... Antec High Current Gamer 900W 
CaseMouseMouse PadAudio
Xigmatek Elysium Black Logitech G700 Razer Goliathus Creative Sound Blaster Recon3D Fatal1ty Pro 
  hide details  
Reply
post #13 of 13
Quote:
Originally Posted by Warfarin88 View Post

Just out of curiosity, if we're talking about google's CDN, what is the debate? I can't really think of a downside to using google's libraries.

Me neither tongue.gif But I've seen plenty of people arguing for loading off your server rather than Google's CDN (namely due to having everything under your control). Really I think it's only useful if you absolutely require your website to be independent, or if it's working on a closed network.
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Web Coding
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Web Coding › Please help website effect how to do it?