PDA

View Full Version : Images


Crumpy1
04-08-2012, 11:25 AM
Hi All,

I would like to create a place in my website to advertise different products, via images. I want the images to swap between each other but each image having its own link.

I know i have explained that badly but i am unsure exactly what they are called or which behaviour to us. Here is a webpage that does this http://www.supplementnutrition4u.co.uk/.

Sorry for the poor explaination but hopefully the webpage will explain better.

Thanks

edbr
04-09-2012, 01:51 AM
ive used a jquery gallery for this, each image with its own link and if you choose you can add a caption with each image

Crumpy1
04-16-2012, 08:02 AM
ive used a jquery gallery for this, each image with its own link and if you choose you can add a caption with each image

Sorry about the late reply only just got back off holiday. Which gallery did you use? or what is the best one?

Thanks

edbr
04-16-2012, 08:31 AM
there are many its best to choose which suits you best. heres a few offerings http://slodive.com/freebies/best-jquery-slideshow-gallery-plugins/

Crumpy1
04-16-2012, 08:50 AM
there are many its best to choose which suits you best. heres a few offerings http://slodive.com/freebies/best-jquery-slideshow-gallery-plugins/

Thank you for that i will look at your recommendations and create one.

Many Many Thanks Again.

d a v e
04-17-2012, 08:23 PM
update: with the help of my work colleague and the threat of the client going elsewhere i got the site up ;)
http://www.kokkolankalastajainseura.fi/

i'm just wondering how to deal with email addresses that appear just on one page and don't need to be in the main contact form... i tried obfuscating it but the tiny editor (even in html mode) converts my obfuscation into a readable email address...)

Crumpy1
04-19-2012, 06:31 AM
there are many its best to choose which suits you best. heres a few offerings http://slodive.com/freebies/best-jquery-slideshow-gallery-plugins/

I have decided to use the Nivo Slider as this is most like what i am looking for. I have followed the fisrt box of instructions here http://nivo.dev7studios.com/support/jquery-plugin-usage/ and implemented them in the stated places, so now i am getting the small blue ? when live. However I do not understand the second box, could anybody explain to me how to do this section and the next part?

Thanks

Crumpy1
04-19-2012, 03:22 PM
I have decided to use the Nivo Slider as this is most like what i am looking for. I have followed the fisrt box of instructions here http://nivo.dev7studios.com/support/jquery-plugin-usage/ and implemented them in the stated places, so now i am getting the small blue ? when live. However I do not understand the second box, could anybody explain to me how to do this section and the next part?

Thanks

I have completed the second stage now however i am stuck on where to put this code
<script type="text/javascript">$(window).load(function() { $('#slider').nivoSlider();});</script> nad what the best options to use are from these <script type="text/javascript">$(window).load(function() { $('#slider').nivoSlider({ effect: 'random', // Specify sets like: 'fold,fade,sliceDown' slices: 15, // For slice animations boxCols: 8, // For box animations boxRows: 4, // For box animations animSpeed: 500, // Slide transition speed pauseTime: 3000, // How long each slide will show startSlide: 0, // Set starting Slide (0 index) directionNav: true, // Next & Prev navigation directionNavHide: true, // Only show on hover controlNav: true, // 1,2,3... navigation controlNavThumbs: false, // Use thumbnails for Control Nav controlNavThumbsFromRel: false, // Use image rel for thumbs controlNavThumbsSearch: '.jpg', // Replace this with... controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src keyboardNav: true, // Use left & right arrows pauseOnHover: true, // Stop animation while hovering manualAdvance: false, // Force manual transitions captionOpacity: 0.8, // Universal caption opacity prevText: 'Prev', // Prev directionNav text nextText: 'Next', // Next directionNav text randomStart: false, // Start on a random slide beforeChange: function(){}, // Triggers before a slide transition afterChange: function(){}, // Triggers after a slide transition slideshowEnd: function(){}, // Triggers after all slides have been shown lastSlide: function(){}, // Triggers when last slide is shown afterLoad: function(){} // Triggers when slider has loaded });});</script>

All Help will be appreciated.

Thanks

edbr
04-20-2012, 01:18 AM
first in the <head> will work, second is what transitions you choose to use

Crumpy1
04-20-2012, 07:21 AM
first in the <head> will work, second is what transitions you choose to use

Thanks for the help, i now have a fully working slider. Thank You!