Menu
Webinars Adding, Resizing, Legal Images
Help Center
back (We missed the first five minutes of this video - the opening remarks, prayer, and the beginning of the presentation.)

Adding Images - Resizing Images - Legal Images! - Beginner & Advanced Webmasters
In this webinar will look at how to add images to your website. We also talked about how to protect yourself legally.  If you edit any pages on your website, this webinar is for you!  In addition we will show you how to add a fancy fad-in image rotater to your website.

» Click here for the Image Release form
Extra functionality - Fade in Slideshow Header

In the webinar we walked through the process of adding an image rotation to your header.  Here are the written documentation and files we used.  Give it a try and see if you can add this to your website.

  Download the PDF with full instructions for the Advanced "Feature Rotating Script".

  Right click this link.  Select "Save file As..." to download this Java Script file.  Then upload the saved file to the "template" folder on your website.
Place the following code into the Head of your template variation just before the </head> tag

Head Code
 
<!-- Features scripts --> <script type="text/javascript" src="site/1/template/jquery.cycle.all.min.js"></script> <script type="text/javascript"> $('#UPDATE_DIV_ID_NAME_HERE').cycle({ fx: 'fade', speed: 3000, timeout: 3000, pause: 1, height: 'INCLUDE PIXEL HEIGHT HERE', fit: 0 }); </script>

Choose between the following two scripts depending on weather or not you wish to have the rotating images also linked.

If you do NOT want the images linked, place this code in the proper location within the body of your template
 
<? $feature_query = "SELECT feature_image, feature_title, feature_url FROM feature WHERE feature_zone = '1' ORDER BY feature_title ASC"; $feature_array = mysql_query($feature_query); while($feature_result = mysql_fetch_array($feature_array)) { print "<div><img src='site/1/feature/" . $feature_result['feature_image'] . "' alt='" . $feature_result['feature_title'] . "' border='0' /></div>"; }; ?>

OR

If you DO want the images linked, place this code in the proper location within the body of your template
 
<? $feature_query = "SELECT feature_image, feature_title, feature_url FROM feature WHERE feature_zone = '1' ORDER BY feature_title ASC"; $feature_array = mysql_query($feature_query); while($feature_result = mysql_fetch_array($feature_array)) { print "<div><a href='" . $feature_result['feature_url'] . "'><img src='site/1/feature/" . $feature_result['feature_image'] . "' alt='" . $feature_result['feature_title'] . "' border='0' /></a></div>"; }; ?>