Making images rotate randomly on a page.....

Hi,
I am sorta new to DW, and I want to design a page that has either random images or text displayed without using flash.  I kinda want this effect (it takes about 10 seconds to start)  http://www.oen.org/
Is this done with Java Script?  And any pointers on how to get started would be great.
Thanks,
Gary

I kinda want this effect (it takes about 10 seconds to start)  http://www.oen.org/ 
Is this done with Java Script?  And any pointers on how to get started would be great.
Have you tried to view the source code of the page?
<html>
<head>
<script type="text/javascript" src="files/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="files/jquery.cycle.lite.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
      $('#slideshow').cycle({
        timeout:       10000,  
        speed:         3000,
        pause:         1
    </script>
</head>
<body>
<div id="slideshow">
<div class="show"><a href="www.oen.org" alt=""><img alt="party" src="images/Bus%20tour-2-72%20dpi.jpg" /> </a></div>
<div class="hide"><a href="www.oen.org" alt=""><img alt="Party" src="images/Bus%20tour-4-about%20us%20shot.jpg" /></a></div>
<div class="hide"><a href="www.oen.org" alt=""><img alt="Party" src="images/R.%20executive%20forum-7recrop.jpg" /> </a></div>
<div class="hide"><a href="www.oen.org" alt=""><img alt="Party" src="images/OEN%20network-3.jpg" /></a></div>
<div class="hide"><a href="www.oen.org" alt=""><img alt="Party" src="images/1Angel%20awards-1-72%20dpiv2.jpg" /></a></div>
<div class="hide"><a href="www.oen.org" alt=""><img alt="Party" src="images/1Angel%20awards-2-72%20dpiv2.jpg" /></a></div>
<div class="hide"><a href="www.oen.org" alt=""><img alt="Party" src="images/1OEN-4%2072%20dpiv2.jpg" /></a></div>
<div class="hide"><a href="www.oen.org" alt=""><img alt="Party" src="images/1Round%20table-1-72%20dpiv2.jpg" /></a></div>
<div class="hide"><a href="www.oen.org" alt=""><img alt="Party" src="images/1Winners-2-72dpiv2.jpg" /></a></div>
<div class="hide"><a href="www.oen.org" alt=""><img alt="Party" src="images/R.%20executive%20forum-8recrop.jpg" /></a></div>
<!-- END slideshow --></div>
</body>

Similar Messages

  • IMovie 10.0.2 question about making images rotate gently.

    I have been looking for hours, but cannot find how to make an image gently "spin" or "twist" in iMovie 10.0.2. I remember that the Ken Burns effect in iMovie 9 had this option which always made still images more interesting. Does anyone know how its done?

    jimemmons wrote:
    I remember that the Ken Burns effect in iMovie 9 had this option which always made still images more interesting.
    I don't think any version of iMovie had the ability to rotate as a feature of the Ken Burns effect.
    Photo to Movie will do it.
    http://www.lqgraphics.com/software/phototomovie.php
    Matt

  • Problem where the adobe report has pages rotated randomly

    Please assist.  I use PDF 995 to generate PDF reports. When I open the reports, the pages are rotated randomly and if I rotate the page or pages affected, the rest of the pages that were correct are now re-rotated. Very frustrating. I have attached an example

    Hi there,
    Thank you for the information, I will follow up with the PDF 995 support
    centre.
    Just a question, I cannot find the Document > Rotate Pages in the menu
    option.. see below:
    Kind regards,
    Sam

  • Image rotation with fade effect

    I am new to the spry framework and have just started going
    through the examples to see if I could create an image rotator that
    fades the images into each other when changing. I have taken
    snippets from different places to do this and think I have the
    answer but really wanted some feedback to sanity check and let me
    know if this is the best way of doing it. If it is, then I hope
    others will find it useful.
    Here is the url to the example:
    Image
    rotation example
    And here is the code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN"
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="
    http://www.w3.org/1999/xhtml"
    xmlns:spry="
    http://ns.adobe.com/spry">
    <head>
    <title>Sample Image Rotation</title>
    <meta http-equiv="content-type" content="text/html;
    charset=iso-8859-1" />
    <meta http-equiv="X-UA-Compatible"
    content="IE=7;FF=3;OtherUA=4" />
    <meta name="author" content="www.baytree-cs.com - Peter
    Barkway"/>
    <meta name="copyright" content="(C)2006 Baytree Computer
    Services, All right reserved."/>
    <meta name="abstract" content="ISM Homepage" />
    <meta name="description" content="ISM Homepage" />
    <meta name="keywords" content="ISM Homepage"/>
    <meta name="robots" content="all,index,follow"/>
    <meta name="distribution" content="global"/>
    <meta name="mssmarttagspreventparsing"
    content="true"/>
    <meta name="rating" content="general"/>
    <style type="text/css">
    .element{
    float:left;
    position: relative;
    width: 350px;
    text-align: center;
    #display{
    opacity: 0;
    filter: alpha(opacity=0);
    #animate{
    left: -350px;
    opacity: 1;
    filter: alpha(opacity=100);
    </style>
    </head>
    <body>
    <noscript><h1>This page requires JavaScript.
    Please enable JavaScript in your browser and reload this
    page.</h1></noscript>
    <div id="container">
    <div id="display" class="element"
    spry:detailregion="dsImg"><img src="<?php echo
    $rootDir.$baseDir;?>/{@base}{@path}"/></div>
    <div id="animate" class="element"
    spry:detailregion="dsImg2"><img src="<?php echo
    $rootDir.$baseDir;?>/{@base}{@path}"/></div>
    <p class="clear"></p>
    </div>
    <script type="text/javascript"
    src="js/xpath.js"></script>
    <script type="text/javascript"
    src="js/SpryData.js"></script>
    <script type="text/javascript"
    src="js/SpryEffects.js"></script>
    <script type="text/javascript">
    var dsGalleries = new Spry.Data.XMLDataSet("spry.php",
    "galleries/gallery", { method: "POST", postData:
    "c=1&d=<?php echo $baseDir;?>", headers: {
    "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
    var dsImg = new Spry.Data.XMLDataSet("spry.php",
    "gallery/photos/photo", { method: "POST", postData:
    "c=2&d=<?php echo
    $baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
    headers: { "Content-Type": "application/x-www-form-urlencoded;
    charset=UTF-8" } });
    var dsImg2 = new Spry.Data.XMLDataSet("spry.php",
    "gallery/photos/photo", { method: "POST", postData:
    "c=2&d=<?php echo
    $baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
    headers: { "Content-Type": "application/x-www-form-urlencoded;
    charset=UTF-8" } });
    var imageInterval = 8000; // 8 seconds
    var imageFadeInterval = 4000; // 4 seconds
    var image2Loaded = null;
    var effect = new Spry.Effect.Fade('animate', {from: 100, to:
    0, toggle: true, duration: imageFadeInterval});
    // Prepare an observer that will change the opacity of the
    initially
    // hidden element in oposition with the initially visible
    element
    var obs1 = new Object;
    // On each effect step we calculate the complementary
    opacity for the other image container.
    obs1.onStep = function(ef){
    if (typeof otherEl == 'undefined')
    otherEl = document.getElementById('display');
    var opacity = 0;
    if(/MSIE/.test(navigator.userAgent)){
    opacity = Spry.Effect.getStyleProp(ef.element,
    'filter').replace(/alpha\(opacity([0-9]{1,3})\)/, '$1');
    otherEl.style.filter = "alpha(opacity=" + parseInt(100 * (1
    - opacity), 10) + ")";
    }else{
    opacity = Spry.Effect.getStyleProp(ef.element, 'opacity');
    otherEl.style.opacity = (1 - opacity);
    // Attach the observer to the Fade effect
    effect.addObserver(obs1);
    function fadeInContent() {
    // 1st time in so set the current rows so that the 'animate'
    set is 1 ahead of the 'display' set
    if(image2Loaded == null) {
    dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
    % dsImg.getData().length);
    dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 2)
    % dsImg.getData().length);
    image2Loaded = 0;
    } else {
    if(image2Loaded) {
    dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
    % dsImg.getData().length);
    image2Loaded = 0;
    } else {
    dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
    % dsImg.getData().length);
    image2Loaded = 1;
    effect.start();
    var obs2 = {
    onPostLoad: function() {
    setInterval("fadeInContent()", imageInterval);
    dsImg.addObserver(obs2);
    </script>
    </body>
    </html>

    I think that I might have got this going now. Here is the
    code if anyone wants to use it.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN"
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="
    http://www.w3.org/1999/xhtml"
    xmlns:spry="
    http://ns.adobe.com/spry">
    <head>
    <title>Sample Image Rotation</title>
    <meta http-equiv="content-type" content="text/html;
    charset=iso-8859-1" />
    <meta http-equiv="X-UA-Compatible"
    content="IE=7;FF=3;OtherUA=4" />
    <meta name="author" content="www.baytree-cs.com - Peter
    Barkway"/>
    <meta name="copyright" content="(C)2006 Baytree Computer
    Services, All right reserved."/>
    <meta name="abstract" content="ISM Homepage" />
    <meta name="description" content="ISM Homepage" />
    <meta name="keywords" content="ISM Homepage"/>
    <meta name="robots" content="all,index,follow"/>
    <meta name="distribution" content="global"/>
    <meta name="mssmarttagspreventparsing"
    content="true"/>
    <meta name="rating" content="general"/>
    <style type="text/css">
    .element{
    float:left;
    position: relative;
    width: 350px;
    text-align: center;
    #display{
    opacity: 0;
    filter: alpha(opacity=0);
    #animate{
    left: -350px;
    opacity: 1;
    filter: alpha(opacity=100);
    </style>
    </head>
    <body>
    <noscript><h1>This page requires JavaScript.
    Please enable JavaScript in your browser and reload this
    page.</h1></noscript>
    <div id="container">
    <div id="display" class="element"
    spry:detailregion="dsImg"><img src="<?php echo
    $rootDir.$baseDir;?>/{@path}"/></div>
    <div id="animate" class="element"
    spry:detailregion="dsImg2"><img src="<?php echo
    $rootDir.$baseDir;?>/{@path}"/></div>
    <p class="clear"></p>
    </div>
    <script type="text/javascript"
    src="js/xpath.js"></script>
    <script type="text/javascript"
    src="js/SpryData.js"></script>
    <script type="text/javascript"
    src="js/SpryEffects.js"></script>
    <script type="text/javascript">
    var dsGalleries = new Spry.Data.XMLDataSet("spry.php",
    "galleries/gallery", { method: "POST", postData:
    "c=1&d=<?php echo $baseDir;?>", headers: {
    "Content-Type": "application/x-www-form-urlencoded; charset=UTF-8"
    var dsImg = new Spry.Data.XMLDataSet("spry.php",
    "gallery/photos/photo", { method: "POST", postData:
    "c=2&d=<?php echo
    $baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
    headers: { "Content-Type": "application/x-www-form-urlencoded;
    charset=UTF-8" } });
    var dsImg2 = new Spry.Data.XMLDataSet("spry.php",
    "gallery/photos/photo", { method: "POST", postData:
    "c=2&d=<?php echo
    $baseDir;?>/{dsGalleries::@base}&s={dsGalleries::sitename}",
    headers: { "Content-Type": "application/x-www-form-urlencoded;
    charset=UTF-8" } });
    var imageInterval = 4000; // 8 seconds
    var imageFadeInterval = 2000; // 4 seconds
    var effect = new Spry.Effect.Fade('animate', {from: 100, to:
    0, toggle: true, duration: imageFadeInterval});
    // Prepare an observer that will change the opacity of the
    initially
    // hidden element in oposition with the initially visible
    element
    var obs1 = new Object;
    // On each effect step we calculate the complementary
    opacity for the other image container.
    obs1.onStep = function(ef){
    if (typeof otherEl == 'undefined')
    otherEl = document.getElementById('display');
    var opacity = 0;
    if(/MSIE/.test(navigator.userAgent)){
    opacity = Spry.Effect.getStyleProp(ef.element,
    'filter').replace(/alpha\(opacity([0-9]{1,3})\)/, '$1');
    otherEl.style.filter = "alpha(opacity=" + parseInt(100 * (1
    - opacity), 10) + ")";
    }else{
    opacity = Spry.Effect.getStyleProp(ef.element, 'opacity');
    otherEl.style.opacity = (1 - opacity);
    // Attach the observer to the Fade effect
    effect.addObserver(obs1);
    function fadeInContent() {
    // 1st time in so set the current rows so that the 'animate'
    set is 1 ahead of the 'display' set
    //use this flag to avoid the effect running on load
    if (typeof image2Loaded == 'undefined') {
    dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
    % dsImg.getData().length);
    dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 2)
    % dsImg.getData().length);
    var curRow = dsImg.getCurrentRow();
    image2Loaded = 0;
    } else {
    if(image2Loaded) {
    var img = document.getElementById('display');
    dsImg.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
    % dsImg.getData().length);
    var curRow = dsImg.getCurrentRow();
    image2Loaded = 0;
    } else {
    var img = document.getElementById('animate');
    dsImg2.setCurrentRowNumber((dsImg.getCurrentRowNumber() + 1)
    % dsImg.getData().length);
    var curRow = dsImg2.getCurrentRow();
    image2Loaded = 1;
    var imgPath = '<?php echo $rootDir.$baseDir;?>/' +
    curRow["@path"];
    var gImageLoader = new Image();
    gImageLoader.onload = function()
    effect.start();
    gImageLoader.src = imgPath;
    var obs2 = {
    onPostLoad: function() {
    setInterval("fadeInContent()", imageInterval);
    dsImg2.addObserver(obs2);
    </script>
    </body>
    </html>

  • Image rotation working in template, but nowhere else

    Hi,
    I'm relatively new to Dreamweaver.
    I have a page with some rotating images, created following a Communitymx recommendation (http://www.communitymx.com/content/article.cfm?cid=651FF).
    The website template (http://www.johnaverill.com/templates/main_template.dwt) seems to rotate images perfectly; however, image rotation on index.html and the others will not work.
    Any help or recommendations would be greatly appreciated.  Thanks, Paul

    osgood_
    ah, you are correct.  sorry, I didn't catch that I was i am just posting the same old apparent bad code (index.html).
    I did create index_2.html and rename it to index.html per your instructions of Mar 5 (i've actually done it twice now). Pictures not rotating with the index_2 or the new index.html either.  
    Also noticed recreating the index continues to get me the extra:
    function randomImages(){
    if(counter == (imgs.length)){
    counter = 0;
    the template seems to be putting this in there new index for some reason.
    New index here:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/main_template.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>John Averill - Welcome</title>
    <!-- InstanceEndEditable -->
    <style type="text/css">
    <!--
    body {
    background: #000;
    margin: 0;
    padding: 0;
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    font-weight: normal;
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
    h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;  /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 15px;
    padding-left: 15px;
    a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
    /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
    a:link {
    color: #000;
    text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    a:visited {
    color: #000;
    text-decoration: none;
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: underline;
    /* ~~ this fixed width container surrounds the other divs ~~ */
    .container {
    width: 960px;
    background: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
    /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
    .header {
    background: #000;
    /* ~~ This is the layout information. ~~
    1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
    .content {
    font-size: 100%;
    /* ~~ The footer ~~ */
    .footer {
    padding: 10px 0;
    background: #FFF;
    margin: 20px;
    /* ~~ miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
    .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    -->
    </style>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    #maincontent {
    width:915px;
    height:auto;
    z-index:1;
    left: 114px;
    top: 351px;
    margin: 20px auto 0px;
    .container .footer table tr td h6 {
    color: #FFF;
    </style>
    <script type="text/javascript">
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    /* pw - removed old code
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    // Comma separated list of images to rotate
    var imgs = new
    Array('_images/1.jpg','_images/2.jpg','_images/3.jpg','_images/4.jpg');
    // delay in milliseconds between image swaps 1000 = 1 second
    var delay = 3000;
    var counter = 0;
    function preloadImgs(){
       for(var i=0;i<imgs.length;i++){
         MM_preloadImages(imgs[i]);
    function randomImages(){
       if(counter == (imgs.length)){
         counter = 0;
       MM_swapImage('rotator', '', imgs[counter++]imgs[i]);
    function randomImages(){
       if(counter == (imgs.length)){
         counter = 0;
       MM_swapImage('rotator', '', imgs[counter++]);
       setTimeout('randomImages()', delay);
    </script>
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    </head>
    <body onload="preloadImgs();randomImages();">
    <div class="container">
      <div class="header">
        <div align="center"><!-- InstanceBeginEditable name="header_image" -->
    <img src="_images/1.jpg" name="rotator" width="960" height="300" id="rotator" /><!-- InstanceEndEditable -->
          <ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a href="index.html">Home</a></li>
            <li><a href="about.html">About</a></li>
    <li><a href="partners.html">Our Underwriters</a></li>
      <li><a href="claims.html">Claims</a></li>
    <li><a href="markets.html">Industry Focus</a></li>
      <li><a href="assignments.html">Assignments</a></li>
      <li><a href="_clienttestimonials/testimonials.html">Client Testimonials</a></li>
      <li><a href="resources.html">Resources</a></li>
          </ul>
        </div>
        <!-- end .header -->
      </div>
      <div class="content">
    <h1> </h1>
    <!-- InstanceBeginEditable name="main_content" -->
    <div id="maincontent">
      <p><img src="_images/john_averill_bw.jpg" alt="" width="98" height="122" align="right" /></p>
      <p> </p>
      <h1><img src="_images/johncaverill.jpg" alt="" width="313" height="80" id="Image3" /></h1>
      <h3>Insurance  and Risk Management for Aircraft/Aerospace and Defense Companies</h3>
      <p align="justify">Welcome, this is an online bio for John C. Averill.  This site also has a description of my capabilities, services offered and successes</p>
      <p align="justify">FIDUCIARY ROLE</p>
      <p align="justify">My team and I take our  fiduciary role as insurance brokers and risk consultants seriously. I am held  accountable to a select group of risk management professionals who have an  enormous amount of wisdom and knowledge about the property and casualty insurance  world, providing my team and me consistent guiding principles. Due to our  fiduciary role, we do not publicize our clients list but we do have several letters  from clients on file as part of this site, see Client Testimonials.</p>
      <p align="justify">CONFIDENCE IN THE PROCESS</p>
      <p align="justify">The process of  designing a risk management strategy and purchasing insurance should be  comprehensive. The focus should be on pre-engineering claims payments. You should have  total confidence in your broker and insurance company. After a claim has  occurred is not the time to second guess the dollars you spent on insurance  premiums and the commissions or fees you paid a broker. </p>
      <p align="justify">PHILOSOPHY</p>
      <p align="justify">Our philosophy and  goal is to never have a client have an uncovered claim that he / she failed to insure. We have developed   processes and procedures to determine exposures, forecast claims and efficiently  purchase the needed insurance coverage.</p>
      <p align="justify"><strong>SERVICES OF AEROSPACE AND DEFENSE DIVISION</strong></p>
      <p>Insurance Brokerage</p>
      <p>Risk Analysis  (Internal Risk Resource Data Base)</p>
      <p>Travel Risk Management  analysis</p>
      <p>Global Travelers Group </p>
      <p>Submission Preparation</p>
      <p>Benchmarking Analysis</p>
      <p>Contractual Review</p>
      <p>Loss Control</p>
      <p>Direct Access to all  major insurance companies</p>
      <p>Internal claims  adjustors</p>
      <p>Quarterly Newsletter </p>
      <h1> </h1>
    </div>
    <!-- InstanceEndEditable -->
    <h1> </h1>
      </div>
      <div class="footer">
        <table border="0" align="center">
          <tr>
            <td width="906" height="5" bgcolor="#004C90"><h6>Aviation News</h6></td>
            <td width="906" height="5" bgcolor="#004C90"><h6>News on John</h6></td>
            <td width="906" height="5" bgcolor="#004C90"><h6>Quick Help</h6></td>
          </tr>
          <tr>
            <td width="906" height="25" valign="top"><h5 align="left">
              <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.aero-news.net%2Fnews%2Frssfeed.xml&am p;num=3&amp;utf=y"  charset="UTF-8" type="text/javascript"></script>
              <noscript>
              <a href="View" _mce_href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.aero-news.net%2Fnews%2Frs sfeed.xml&amp;num=3&amp;utf=y&amp;html=y">View">http://feed2js.org//feed2js.php?src=http%3 A%2F%2Fwww.aero-news.net%2Fnews%2Frssfeed.xml&amp;num=3&amp;utf=y&amp;html=y">View RSS feed</a>
              </noscript>
            </h5>
            <p align="left">  </p></td>
            <td width="906" height="25" valign="top"><h5>Averill speaks at 2011 Risk and Insurance Management  Society annual conference in Vancouver on Aviation Loss Control.  </h5>
            <h5>Averill appointed to National Business Aviation  Association Insurance Committee. </h5></td>
            <td width="906" height="25" valign="top"><!-- InstanceBeginEditable name="quick_help" -->
              <h5 align="left"><a href="claims.html">Claims Information</a></h5>
    <h5 align="left"><a href="contacts.html">Contact Me</a></h5>
            <!-- InstanceEndEditable --></td>
          </tr>
        </table>
        <p><img src="_images/ioa_aerospace_logo.jpg" width="150" height="70" alt="ioa_logo" /></p>
    </div>
      <!-- end .container --></div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    <!-- InstanceEnd --></html>

  • Images Rotated 90 Degrees on prints

    i am having this issue with the Apple version of Adobe Illustrator CS3. We just got a new printer (Sharp MX-3501N) and it has a Fiery 2 print server on it. When i print illustrator documents to it, the first page comes out great. Comes out landscape on 11x17 paper. But if i tell it i want any more then just one print (2 or more copies) the first page comes out fine, each additional page comes out with the image rotated 90 degrees and is printed right off the page and leaves a blank space on the bottom of the page. Adobe is updated, MacOS (10.5) is updated, i have tried printing from other programs and everything else prints fine, and i have updated the drivers.
    I am an authorized sharp service center and i talked to Sharp technician support about it and they said that because Adobe handles the print job from start to finish, there is likely a setting in illustrator that is messed up. Anyone have any ideas on how to fix this?

    I'm not sure if I understand your problem. If it uses a proper PS RIP, the rasterized version will be stored in it and it should initiate printing multiple copies, not the computer that sends over the PS/ PDF data. Are you sure you're not missing out on some silly check mark somewhere in teh printer driver? what you describe strikes me more as an "only print first page differently/ print cover sheet" option as you would use them in an office program. Is Illustrator actually set to handle the print job (which would be kinda pointless on a hardware RIP)? If so, you should get this odd behavior with other printer drivers as well (PDF document printer etc.) and then indeed it would be the program's fault...
    Mylenium

  • I can swipe slideshow images but can I swipe pages in tablet version

    I can swipe slideshow images but can I swipe pages in tablet version

    What swiping is involved with making purchases?
    Try a reset. Press & hold the Power and Home buttons simultaneously, ignoring the red power off slider, until the Apple logo appears. Then release both buttons. This should not affect any content on the iPad, it is similar to rebooting your computer.

  • Image rotator problem on Dreamweaver site

    Hi I am running into a problem on my main index site. If you look at the image rotator on the very top of the page http://oldfortestates.com/index.htm via firefox (only that browser) you will see that there is a flashback of some of the images before it moves to the next image. I tried everything and can't figure it out. However if you look at the page http://oldfortestates.com/index_test.htm where I took out the info of the body of the page you will see that it is working fine and there is no flashback, however as soon as I include the information in the body the images once again do the same flashback. I need to find a way to have the full page without the flashback. Any assistance would be appreciated.

    I realized that it is the exfeat addon which is causing the problem below. Once it is on the page it interfers with the image rotator to the top. There must be a way for it to work without the interference.

  • Simple image rotation

    Hi all,
    Have a couple of pages on a site i'm building where i need a simple image rotation / image swap.
    It doesn't have to be anything flash, it's purely for a 200px square image to automatically swap every 5 seconds or so. It doesn't need any user buttons to go to next / previous, or enlarge when clicked.
    I've tried a couple of free jquery ones, but these won't load the starting image until all the images have been loaded into the browser, so you end up with a blank spot, then after say 10 seconds the images appear.
    Looking through the programs forums, it seems that the jquery i'm downloading isn't configurable to preload the images, so maybe i'm going down the wrong route completely!
    Whats the best / simplest way to do this and can you recommend anywhere to read up on how to implement it?
    Thanks
    Dan

    Dan, download the cycle plugin pack first: http://jquery.malsup.com/cycle/download.html. You can copy/ paste in a new .js file and store it locally on your site folder. Or, you could also use the cloud link as I've given below. Both will work.
    Then, include the jQuery library to before closing your </head> tag:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    Now, include the jQuery cycle plugin library before your </head> tag:
    <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
    Define the DIV that will animate with cycle plugin before your </head> tag:
    <script type="text/javascript">
    $(document).ready(function() {
        $('.slideshow').cycle({
    fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    </script>
    In the above code, Div with class slideshow will keep cycling with a fade effect. Note that for some effects to work, you may require the jquery easing plugin. But, fade will do just fine for your original question.
    Then, structure your image container:
    Based on your original code:
    <p class="pagetext">    <img src="images/hgsindeximg1.png" alt="School pupils" width="300" height="233" class="fltrt">Welcome  to our school website, we hope that you enjoy looking around the site. <br>
        </p>
    You have to restructure it this way:
    <p class="pagetext">
    <div class="slideshow">
    <img src="images/hgsindeximg1.png" alt="School pupils" width="300" height="233" class="fltrt">
    <img src="images/hgsindeximg2.png" alt="School pupils" width="300" height"233" class="fltrt">
    <img src="images/hgsindeximg3.png" alt="School pupils" width="300" height"233" class="fltrt">
    </div>
    Welcome  to our school website, we hope that you enjoy looking around the site. <br>
        </p>
    In the above code, I've added 2 more images that will rotate on your page. Change the filenames to whatever you desire. Also, ensure you retain the image dimensions same across all 3 images for best results.
    If you notice, I've just moved the images into a DIV called 'Slideshow'. As defined previously, all 3 images with <img..> within the div with class slideshow will keep rotating.
    On a sidenote, please please please please change the background color from red to something 'non-distractive'! Seriously, I went searching for moisturizing drops for my eyes once I opened up the test page you had posted!
    Trust this helps.

  • Why are imported images rotated?

    When I import images (jpeg) into Pages, they are rotated 90 or 180 degrees. In Finder, iPhoto, and even Powerpoint this does not happen.
    How can I prevent images from being rotated when imported into Pages?
    iMac Intel 2.16Ghz 20"   Mac OS X (10.4.8)  

    iPhoto can easily rotate photos. It is easy enough that you could do a lot of them in one session:
    1. Rotate all your photos in iPhoto using the rotate icon on the toolbar. (Select the photo and click on the rotate icon.)
    2. Quit iPhoto (this saves the photo in the new rotated format.)
    3. Open Pages and import your photos using the media browser. They should all be rotated correctly.
    You can also batch rotate photos.
    1. Select them all in the iPhoto window. Hold the ⌘ key down while selecting to select non-contiguous items, or shift to select contiguous items.
    2. Click on the rotate icon. All photos will be rotated.
    3. Quit iPhoto
    Kurt

  • Image rotator from database

    I want to display a couple of rows that will sow about 4 images per row. But images need to be rotated every time the page is refreshed, and the images come from links on the database. Any help will be appreciated. Thanks

    This might get you started with the basics
    Dynamically populating a JavaScript image slideshow
    Here's another one using Bootstrap, PHP and MySQLi *improved*.
    http://www.phpgang.com/dynamic-image-slider-using-twitter-bootstrap-php-with-mysql_471.htm l
    Nancy O.

  • JW Image Rotator

    So i am trying to add the JW Image rotator to my page(JW Image Rotator | LongTail Video | Home of the JW Player), i fallowed the guide and added the embed code
    Code:
    <div id="apDiv1">
    <embed
    src="imagerotator.swf"
    width="470"
    height="160"
    allowscriptaccess="always"
    allowfullscreen="true"
    flashvars="file=imagerotator.xml&transition=blocks  "
    />
    </div>
    but i keep getting plugin missing in Dreamweaver. so i tried to drag and drop it in design mode and this is how my code looks
    Code:
    <div id="apDiv1">
    <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" width="507" height="189" id="FlashID" title="ImageRotator">
    <param name="movie" value="../imagerotator/imagerotator.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="8.0.35.0" />
    <!-- This param tag prompts users with Flash Player 6.0 r65  and higher to download the latest version of Flash Player. Delete it if  you don’t want users to see the prompt. -->
    <param name="expressinstall" value="../Scripts/expressInstall.swf" />
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="../imagerotator/imagerotator.swf" width="507" height="189">
    <!--<![endif]-->
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="8.0.35.0" />
    <param name="expressinstall" value="../Scripts/expressInstall.swf" />
    <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
    <div>
    <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
    <p><a  href="http://www.adobe.com/go/getflashplayer"><img  src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"  alt="Get Adobe Flash player" width="112" height="33"  /></a></p>
    </div>
    <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
    </object>
    </div>
    when i preview i see it working but no images , any idea whats going on ?

    Try posting your question at the JW Image Rotator forums
    http://www.longtailvideo.com/support/forums/jw-player

  • Why are my images scrolling from outside the Page width?

    Why are my images scrolling from outside the Page width? I am positive i has all the settings correct, to have an image parallax scroll from the edge of the page into the page and out again. But the images are flying in from the browser width - not the page width. This is not the effect I am after.
    Any suggestions on how to fix this? Given the key position is only linked to the height, I can't for the life of me work out how to ensure the images start moving from a certain position onthe left and right of the page.
    Thanks

    I think the effect you are seeing is a result of how the lineHeight is set up. By default, the lineHeight will be calculated as 120% of the size of the largest thing on the line -- in your case, this is the inline graphic. This is designed to leave space between the line before and the line with the graphic. So it is taking the height of the graphic, multiplying by 120%, and making this the distance between the previous line and the line with the graphic. So the bigger the graphic, the bigger the space above the graphic. Normally this works well with text, but in this case you may want to get closer to "set solid". You can do this by setting the lineHeight to 100%. Or you may wish to leave a couple of percent for the descenders of the previous line. Or, another alternative that may work well for you if you really know exactly where you want the line set, you could measure the graphic, add on the number of extra pixels to leave for the descenders, and make the lineHeight a constant. So you could do something like this:
    <img lineHeight="104%" height="411"/>
    or this:
    <img lineHeight="423" height="411"/>
    Obviously you would still need to specify the source and any other parameters you want on the image.
    Note that if you are trying to fit a 200 pixel high graphic into a 200 pixel high container, you will hit the same problem -- in order to fit the graphic, the container will have to be slightly bigger than the graphic in order to fit the descenders on the last line. This is true even if the last line contains only the graphic, and no descenders (or text) at all.
    Hope this helps,
    - robin

  • ANN: Image Rotator Magic Released

    The Image Rotator Magic system is a powerful, feature-rich Dreamweaver Extension that enables you to instantly create and manage one or more image/banner rotators on your page with the efficiency of standards-based CSS and markup and without the overhead of Flash or the difficulties of open source script libraries. Images are loaded on demand with a special pre-loader so you can add as many images as you want with absolutely no impact on your page's load time.
    As are all PVII tools, IRM is a tool for professionals and is not free. It comes with unlimited technical support via email, telephone, or newsgroup.
    http://www.projectseven.com/products/galleries/irm/
    Al Sparber - PVII
    http://www.projectseven.com
    Dreamweaver Menus | Galleries | Widgets

    Al
    The product looks great, however you might want to redo the
    sound on the
    video. Even with mu speakers and its setting cranked up it
    was difficult to
    hear.
    Paul Whitham
    Certified Dreamweaver MX2004 Professional
    Adobe Community Expert - Dreamweaver
    Valleybiz Internet Design
    www.valleybiz.net
    "Al Sparber- PVII" <[email protected]> wrote in message
    news:e78nid$1g$[email protected]..
    >
    http://www.projectseven.com/products/tools/tabpanel/demo/
    >
    > Tab Panel Magic automates the process of building tabbed
    user interfaces
    > (UIs) - web page elements that allow you to display
    multiple panels of
    > content with access to each panel controlled by
    CSS-styled tabs. Tab
    > Panels can be inserted into CSS layouts or table
    layouts. Panels can be
    > tucked snugly into sidebars or can span an entire page.
    >
    > $60
    >
    > --
    > Al Sparber - PVII
    >
    http://www.projectseven.com
    > Popup Menus | Image Galleries | CSS Tutorials &
    Templates
    >
    > Newsgroup: news://forums.projectseven.com/pviiwebdev/
    > CSS Newsgroup: news://forums.projectseven.com/css/
    > DW Newsgroup:
    news://forums.projectseven.com/dreamweaver/
    >
    >
    >
    >
    >
    >

  • Image item to open a page in a new pop window

    Hi,
    How can I have an image to open a page in a popup window. As I can define an item as a link and define Destination URI and Target Frame as _blank. But I need to show an image that when clicked should open the Destionation URI in a popup blank page. How can I achieve this functionality. Currently I have used an item as image but it opens the page in the same window as I need to open it in a new window.
    Thanks

    try this..
    javascript:var a=window.open('http://www.oracle.com', 'a','height=500,width=900,status=yes,toolbar=no,menubar=no,location=no'); a.focus();
    --Prasanna                                                                                                                                                                                                                                                                                                                                       

Maybe you are looking for