Как заставить прокручиваться все фотки одновременно?

Тема в разделе "Как сделать...", создана пользователем KPACHODAP, 15 май 2011.

  1. KPACHODAP

    KPACHODAP DELETED

    Регистр.:
    21 дек 2009
    Сообщения:
    640
    Симпатии:
    111
    Как заставить прокручиваться все фотки одновременно? За ранее спасибо!

    PHP:
    <!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">
    <
    head>

    <
    title>Вертикальная авто-прокрутка текста фото с остановкой</title>
    <
    META http-equiv=Content-Type content="text/html; charset=windows-1251">

    <
    script type="text/javascript" src="http://www.03www.ru/highslide/highslide-with-html.js"></script>
    <link rel="stylesheet" type="text/css" href="http://www.03www.ru/highslide/highslide.css" />
    <script type="text/javascript">
        hs.graphicsDir = 'http://www.03www.ru/highslide/graphics/';
        hs.outlineType = 'rounded-white';
    </script>

    <script language="javascript" src="mootools.svn.js" type="text/javascript"><!-- SE@RCHER Javascript www.03www.su 2009 год --></script>
    <style type="text/css">
     #phocagallery .phocaname {color: #b36b00 ;}
     .phocagallery-box-file {background: #fcfcfc ; border:1px solid #e8e8e8;margin: 5px;padding: 5px; }
     .phocagallery-box-file-first { background: url('/components/com_phocagallery/assets/images/shadow1.gif') 50% 50% no-repeat; }
     .phocagallery-box-file:hover, .phocagallery-box-file.hover {border:1px solid #b36b00 ; background: #f5f5f5 ;}
    .bgPhocaClass{
                background:#666666;
                filter:alpha(opacity=70);
                opacity: 0.7;
                -moz-opacity:0.7;
                z-index:1000;
                }
                .fgPhocaClass{
                background:#f6f6f6;
                filter:alpha(opacity=100);
                opacity: 1;
                -moz-opacity:1;
                z-index:1000;
                }
                .fontPhocaClass{
                color:#000000;
                z-index:1001;
                }
                .capfontPhocaClass, .capfontclosePhocaClass{
                color:#ffffff;
                font-weight:bold;
                z-index:1001;
                } 
                
    /* Phoca Gallery http://www.phoca.cz */
    #phocagallery {
        padding:0;
        margin:0;
    }

    .image-browser-caption-content {border:1px; height: 100%;width:100%; text-align:center; font-size:14px; padding-top:15px;}

    #phocagallery a img {
        padding:0;
        margin:0;
        border:0px;
    }
    #phocagallery-pane .phocagallery-box-file,
    #phocagallery .phocagallery-box-file,
    .phocagallery-box-file {
        position:relative;
        float:left;
        text-align:center;
        /*overflow:visible;*/
    }
    #phocagallery-pane .phocagallery-box-file-first,
    #phocagallery .phocagallery-box-file-first,
    .phocagallery-box-file-first {
        
        overflow: hidden;
        display: table;
        vertical-align:middle;
    }
    #phocagallery-pane .phocagallery-box-file-second,
    #phocagallery .phocagallery-box-file-second,
    .phocagallery-box-file-second {
        display: table-cell;
        vertical-align: middle;
    }
    #phocagallery-pane .phocagallery-box-file-third,
    #phocagallery .phocagallery-box-file-third,
    .phocagallery-box-file-third {
        text-align:center;
    }

    #phocagallery-pane a img,
    #phocagallery a img,
    #phocagallery-statistics a img{
        border: 0px;
    }

    #phocagallery a:hover, #phocagallery a:active, #phocagallery a:focus,
    #phocagallery-statistics a:hover, #phocagallery-statistics a:active, #phocagallery-statistics a:focus {
        background: none;
        border:0px;
        text-decoration:none;
    }

    #phocagallery .phocaname,
    #phocagallery-statistics .phocaname{ 
        margin:0px;
        padding:0px;
        margin-top:2px;
        color:#135cae;
        text-align:center;
    }
    #phocagallery .detail,
    #phocagallery-statistics .detail {
        text-align:right;
        margin:0px;
        padding:0px;
    }

    #phocagallery .phocagallery-box-file:hover,
    #phocagallery .phocagallery-box-file.hover,
    #phocagallery-pane .phocagallery-box-file:hover,
    #phocagallery-pane .phocagallery-box-file.hover,
    .phocagallery-box-file:hover, 
    .phocagallery-box-file.hover  {
        /*border:1px solid #135cae;
        background:#f5f5f5;*/
        text-decoration:none;
    }
    /*hotnew*/
    #phocagallery div.phocagallery-box-file-first img.pg-img-ovr1 {
        position: absolute;
        top: 3px;
        left: 3px;
    }

    #phocagallery div.phocagallery-box-file-first img.pg-img-ovr2 {
        position: absolute;
        top: 3px;
        left: 35px;
    }

    /*detail*/
    .phocagallery-box-file-d    {
        position:relative;
        float:left;
        border:1px solid #E8E8E8;
        background:#fcfcfc;
        text-align:center;
        overflow:visible;
        width:640px;
        height:480px;
    }

    .phocagallery-box-file-first-d {
        background:#f5f5f5;
        width:640px;
        height:480px;
        overflow: hidden;
        display: table;
        vertical-align:middle;
    }

    /*download message*/
    #download-msg{
        font-family:sans-serif;
        font-size:83%;
        position:absolute;
        left: 10%;
        top:10%;
        background-color: #ebecff;
        border: 5px solid #cccccc;
        filter:alpha(opacity=80);
        opacity: 0.8;
        -moz-opacity:0.8;
        z-index:1000;
    }
        
    /*download message text*/ 
    #download-msg div table{ 
        padding: 10px; 
        filter:alpha(opacity=100); 
        opacity: 0.8; 
        -moz-opacity:0.8; 
        position: relative; 
        z-index:1000; 
        background-color:#ebecff; 

    #download-msg div table tr td, 
    #download-msg div table tr td small, 
    #download-msg a { 
        color:#000000; 
        font-weight: bold; 
    }

    #phocagallery .main-switch-image {
        margin:0px;
        padding:7px 5px 7px 5px;
        margin-bottom:15px;
    }
    #phocagallery .main-switch-image-table {
        /*border:1px solid #c2c2c2;*/
    }

    #loading-label,
    #loading-label-user{
        text-align:center;
        display:none;
    }

    #image-box {
        position:relative;
    }
    #description-msg{
        font-size:83%;
        text-align:left;
        margin:0;padding:0;
        position:absolute;
        bottom: 0px;
        left:0px;
        right:0px;
        background-color: #000;
        filter:alpha(opacity=60);
        opacity: 0.6;
        -moz-opacity:0.6;
        z-index:1000;
        width:100%;
    }

    #description-text{
        color:#fff;
        padding:10px;
    /*    filter:alpha(opacity=100); 
        opacity: 0.8; 
        -moz-opacity:0.8; */
        position: relative; 
        z-index:1000; 
        background-color:#000;
    }

    /* Voting - style by http://www.jluvip.com/works/css/starvote/index2-1.html*/
    #phocagallery ul.star-rating li,
    #phocagallery-pane ul.star-rating li,
    #phocagallery ul.star-rating-small li{
        background: none;
        list-style-type:none;
    }

    #phocagallery .star-rating,
    #phocagallery-pane .star-rating,
    .star-rating{
        list-style:none;
        margin: 0px;
        margin-top:5px;
        margin-bottom:5px;
        padding:0px;
        width: 110px;
        height: 22px;
        position: relative;
        background: url(images/icon-voting.gif) top left repeat-x;
    }
    #phocagallery .star-rating li,
    #phocagallery-pane .star-rating li,
    .star-rating li{
        list-style-type:none;
        padding:0px;
        margin:0px;
        /*\*/
        float: left;
        /* */
    }
    #phocagallery .star-rating li a,
    #phocagallery-pane .star-rating li a,
    .star-rating li a{
        display:block;
        width:22px;
        height: 22px;
        text-decoration: none;
        text-indent: -9000px;
        z-index: 20;
        position: absolute;
        padding: 0px;
    }
    #phocagallery .star-rating li a:hover,
    #phocagallery-pane .star-rating li a:hover,
    .star-rating li a:hover{
        background: url(images/icon-voting.gif) left center;
        z-index: 2;
        left: 0px;
    }
    #phocagallery .star-rating a.star1,
    #phocagallery-pane .star-rating a.star1,
    .star-rating a.star1{
        left: 0px;
    }
    #phocagallery .star-rating a.star1:hover,
    #phocagallery-pane .star-rating a.star1:hover,
    .star-rating a.star1:hover{
        width:22px;
    }
    #phocagallery .star-rating a.stars2,
    #phocagallery-pane .star-rating a.stars2,
    .star-rating a.stars2{
        left:22px;
    }
    #phocagallery .star-rating a.stars2:hover,
    #phocagallery-pane .star-rating a.stars2:hover,
    .star-rating a.stars2:hover{
        width: 44px;
    }
    #phocagallery .star-rating a.stars3,
    #phocagallery-pane .star-rating a.stars3,
    .star-rating a.stars3{
        left: 44px;
    }
    #phocagallery .star-rating a.stars3:hover,
    #phocagallery-pane .star-rating a.stars3:hover,
    .star-rating a.stars3:hover{
        width: 66px;
    }
    #phocagallery .star-rating a.stars4,
    #phocagallery-pane .star-rating a.stars4,
    .star-rating a.stars4{
        left: 66px;
    }
    #phocagallery .star-rating a.stars4:hover,
    #phocagallery-pane .star-rating a.stars4:hover,
    .star-rating a.stars4:hover{
        width: 88px;
    }
    #phocagallery .star-rating a.stars5,
    #phocagallery-pane .star-rating a.stars5,
    .star-rating a.stars5{
        left: 88px;
    }
    #phocagallery .star-rating a.stars5:hover,
    #phocagallery-pane .star-rating a.stars5:hover,
    .star-rating a.stars5:hover{
        width: 110px;
    }
    #phocagallery .star-rating li.current-rating,
    #phocagallery-pane .star-rating li.current-rating,
    .star-rating li.current-rating{
        background: url(images/icon-voting.gif) left bottom;
        position: absolute;
        height: 22px;
        /*width:77px;*/
        display: block;
        text-indent: -9000px;
        z-index: 1;
    }

    /* Voting small */
    #phocagallery .star-rating-small,
    .star-rating-small{
        list-style:none;
        margin: 0px;
        margin-top:5px;
        margin-bottom:5px;
        padding:0px;
        width: 80px;
        height: 16px;
        position: relative;
        background: url(images/icon-voting-small.gif) top left repeat-x;
    }
    #phocagallery .star-rating-small li,
    .star-rating-small li{
        list-style-type:none;
        padding:0px;
        margin:0px;
        /*\*/
        float: left;
        /* */
    }

    #phocagallery .star-rating-small li a,
    .star-rating-small li a{
        display:block;
        width:16px;
        height: 16px;
        text-decoration: none;
        text-indent: -9000px;
        z-index: 20;
        position: absolute;
        padding: 0px;
    }
    #phocagallery .star-rating-small li a:hover,
    .star-rating-small li a:hover{
        background: url(images/icon-voting-small.gif) left center;
        z-index: 2;
        left: 0px;
    }
    #phocagallery .star-rating-small a.star1,
    .star-rating-small a.star1{
        left: 0px;
    }
    #phocagallery .star-rating-small a.star1:hover,
    .star-rating-small a.star1:hover{
        width:16px;
    }
    #phocagallery .star-rating-small a.stars2,
    .star-rating-small a.stars2{
        left:16px;
    }
    #phocagallery .star-rating-small a.stars2:hover,
    .star-rating-small a.stars2:hover{
        width: 32px;
    }
    #phocagallery .star-rating-small a.stars3,
    .star-rating-small a.stars3{
        left: 32px;
    }
    #phocagallery .star-rating-small a.stars3:hover,
    .star-rating-small a.stars3:hover{
        width: 48px;
    }
    #phocagallery .star-rating-small a.stars4,
    .star-rating-small a.stars4{
        left: 48px;
    }
    #phocagallery .star-rating-small a.stars4:hover,
    .star-rating-small a.stars4:hover{
        width: 64px;
    }
    #phocagallery  .star-rating-small a.stars5,
    .star-rating-small a.stars5{
        left: 64px;

    #phocagallery  .star-rating-small a.stars5:hover,
    .star-rating-small a.stars5:hover{
        width: 80px;
    }
    #phocagallery .star-rating-small li.current-rating,
    .star-rating-small li.current-rating{
        background: url(images/icon-voting-small.gif) left bottom;
        position: absolute;
        height: 16px;
        /*width:77px;*/
        display: block;
        text-indent: -9000px;
        z-index: 1;
    }


    /* Pane*/

    #phocagallery-votes,
    #phocagallery-comments,
    #phocagallery-upload,
    #phocagallery-category-creating,
    #phocagallery-subcategory-creating,
    #phocagallery-statistics,
    #phocagallery-user{
        margin-top:0px;/*IE bug*/
        margin-bottom:15px;
    }

    #phocagallery-votes a img,
    #phocagallery-comments a img,
    #phocagallery-upload a img,
    #phocagallery-category-creating a img,
    #phocagallery-subcategory-creating a img,
    #phocagallery-user a img,
    #phocagallery-statistics a img{
        border: 0px;
    }
    #phocagallery-categories-detail fieldset, 
    #phocagallery-votes fieldset,
    #phocagallery-comments fieldset,
    #phocagallery-upload fieldset,
    #phocagallery-category-creating fieldset,
    #phocagallery-subcategory-creating fieldset,
    #phocagallery-user fieldset,
    #phocagallery-statistics fieldset {
        border:1px solid #ccc;
        padding:10px;
        margin:5px;
    }
    #phocagallery-categories-detail legend, 
    #phocagallery-votes legend,
    #phocagallery-comments legend,
    #phocagallery-upload legend,
    #phocagallery-category-creating legend,
    #phocagallery-subcategory-creating legend, 
    #phocagallery-user legend,
    #phocagallery-statistics legend {
        font-weight:bold;
        color:#aa0000;
        padding:10px;
    }
    #phocagallery-votes small, 
    #phocagallery-comments small, 
    #phocagallery-upload small ,
    #phocagallery-statistics small,
    #phocagallery-category-creating small,
    #phocagallery-subcategory-creating small, 
    #phocagallery-user small {
        color:#ccc;
    }

    #phocagallery-votes form,
    #phocagallery-comments form,
    #phocagallery-upload form,
    #phocagallery-category-creating form,
    #phocagallery-subcategory-creating form,
    #phocagallery-user form {
        margin:0;
        padding:0;
    }


    #phocagallery-comments .comment-input,
    #phocagallery-upload .comment-input,
    #phocagallery-category-creating .comment-input,
    #phocagallery-subcategory-creating .comment-input,
    #phocagallery-user .comment-input {
        width: 98%;
    }

    #phocagallery-comments .comment-input2,
    #phocagallery-upload .comment-input2,
    #phocagallery-category-creating .comment-input2,
    #phocagallery-subcategory-creating .comment-input2,
    #phocagallery-user .comment-input {
        width: 40px;
        border:0px;
        font-weight:bold;
    }


    /* tabs */
    form {
      margin: 0;
      padding: 0;
    }


    dl.tabs {
        float: left;
        margin: 10px 0 -1px 0;
        z-index: 50;
        
    }

    dl.tabs dt {
        float: left;
        padding: 4px 10px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
        margin-left: 3px;
        background: #f0f0f0;
        color: #666;
        
    }

    dl.tabs dt.open {
        background: #ffffff;
        border-bottom: 1px solid #ffffff;
        z-index: 100;
        color: #000;
        
    }

    div.current {
        clear: both;
        border: 1px solid #ccc;
        padding: 10px 10px;
        background: #ffffff;
        
    }

    div.current dd {
        padding: 0;
        margin: 0;
    }

    #uploadForm {
        margin:0;
        padding:0;
    }

    #phocagallery-comments-form{
        margin:0;
        padding:0;
    }

    #phocaexif{
        padding:10px;

    }

    #phocaexif h2{
        font-size:130%;
        background: url(images/icon-info.gif) left center no-repeat;
        padding-left: 20px;
    }

    #phocaexif table{
        border-collapse:collapse;

    }
    #phocaexif table tr.first{
        background:#fdfdfd;
        border-bottom:1px dotted #ccc;
        border-collapse:collapse;

    }
    #phocaexif table tr.second{
        background:#fff;
        border-bottom:1px dotted #ccc;
        border-collapse:collapse;

    }
    #phocaexif table tr td{
        padding:5px;
        border-collapse:collapse;

    }
    .phoca-hr {
        margin-top:10px;
        border-bottom:1px solid #e8e8e8;
        margin-bottom:10px;
        clear:both;
    }

    /* IE Shadowbox */
    #shadowbox_title,
    #shadowbox_info {
        border: 0px;
    }

    #phocagallery-img-votes {
        margin:0;
        padding:0;
        margin-left:10px;
        margin-right:10px;
    }

    /** Table styles **/

    #phocagallery-subcategory-creating  table.adminlist,
    #phocagallery-upload  table.adminlist {
        width: 100%;
        border-spacing: 1px;
        background-color: #e7e7e7;
        color: #666;
    }

    #phocagallery-subcategory-creating  table.adminlist td,
    #phocagallery-subcategory-creating  table.adminlist th,
    #phocagallery-upload  table.adminlist td,
    #phocagallery-upload  table.adminlist th { 
        padding: 4px;
    }

    #phocagallery-subcategory-creating  table.adminlist thead th,
    #phocagallery-upload  table.adminlist thead th {
        text-align: center;
        background: #f0f0f0;
        color: #666;
        border-bottom: 1px solid #999;
        border-left: 1px solid #fff;
    }

    #phocagallery-subcategory-creating  table.adminlist thead a:hover,
    #phocagallery-upload  table.adminlist thead a:hover { text-decoration: none; }

    #phocagallery-subcategory-creating  table.adminlist thead th img,
    #phocagallery-upload  table.adminlist thead th img { vertical-align: middle; }

    #phocagallery-subcategory-creating  table.adminlist tbody th,
    #phocagallery-upload  table.adminlist tbody th { font-weight: bold; }

    #phocagallery-subcategory-creating  table.adminlist tbody tr,
    #phocagallery-upload  table.adminlist tbody tr                        { background-color: #fff;  text-align: left; }
    #phocagallery-subcategory-creating  table.adminlist tbody tr.row1,
    #phocagallery-upload  table.adminlist tbody tr.row1                     { background: #f9f9f9; border-top: 1px solid #fff; }

    #phocagallery-subcategory-creating  table.adminlist tbody tr.row0:hover td,
    #phocagallery-subcategory-creating  table.adminlist tbody tr.row1:hover td,
    #phocagallery-upload  table.adminlist tbody tr.row0:hover td,
    #phocagallery-upload  table.adminlist tbody tr.row1:hover td { background-color: #ffd ; }

    #phocagallery-subcategory-creating  table.adminlist tbody tr td,
    #phocagallery-upload  table.adminlist tbody tr td        { height: 25px; background: #fff; border: 1px solid #fff; }

    #phocagallery-subcategory-creating  table.adminlist tbody tr.row1 td,
    #phocagallery-upload  table.adminlist tbody tr.row1 td { background: #f9f9f9; border-top: 1px solid #FFF; }

    #phocagallery-subcategory-creating  table.adminlist tfoot tr,
    #phocagallery-upload  table.adminlist tfoot tr { text-align: center;  color: #333; }
     
    #phocagallery-subcategory-creating  table.adminlist tfoot td,
    #phocagallery-subcategory-creating  table.adminlist tfoot th,
    #phocagallery-upload  table.adminlist tfoot td,
    #phocagallery-upload  table.adminlist tfoot th { background-color: #f3f3f3; border-top: 1px solid #999; text-align: center; }

    #phocagallery-subcategory-creating  table.adminlist td.order,
    #phocagallery-upload  table.adminlist td.order        { text-align: center; white-space: nowrap; }

    #phocagallery-subcategory-creating  table.adminlist td.order span,
    #phocagallery-upload  table.adminlist td.order span { float: left; display: block; width: 20px; text-align: center; }


    #phocagallery .pgcenter,
    #phocagallery-upload .pgcenter,
    #phocagallery-subcategory-creating .pgcenter {
        text-align:center;
        vertical-align:middle;
    }
    #phocagallery .pginline,
    #phocagallery-upload .pginline,
    #phocagallery-subcategory-creating .pginline {
        margin:0 10px 0 10px;
        display:inline;
    }

    .bgPhocaClass {
        padding:10px;
        /*border:1px solid #d2d2d2;*/
    }

    .phocaimgdesc {
        text-align: left;
    }
    #NewsVertical {    width: 100px;    height: 100px;    display: block;    overflow: hidden;    position: relative;    }
        #controller{    padding:6px;    font-size:11px;    color:#666;    }
        #play_scroll_cont{display:none;}
        #TickerVertical {        width: 100px;        height: 100px;        display: block;        list-style: none;        margin: 0;        padding: 0;    }
        #TickerVertical li {        display: block;        width: 100px;        color: #333333;        text-align: left;        font-size: 11px;        margin: 0;        padding: 6px;        float: left;    }
            #TickerVertical li .NewsTitle{            display: block;            color: #000000;            font-size: 12px;            font-weight:bold;            margin-bottom:6px;        }
            #TickerVertical li .NewsTitle a:link,        #TickerVertical li .NewsTitle a:Visited {            display: block;            color: #000000;            font-size: 12px;            font-weight:bold;            margin-bottom:6px;            text-decoration:none;    }
            #TickerVertical li .NewsTitle a:hover {            text-decoration:underline;        }
                    #TickerVertical li .NewsImg{            float:left;            margin-right:10px;        }
            #TickerVertical li .NewsFooter{            display: block;            color: #000000;            font-size: 10px;            margin:6px 0 14px 0;



    </style>
        
        </head>        
    <body>
                <div id="phocagallery">


    <div class="phocagallery-box-file" style="height:110px; width:110px;"><div class="phocagallery-box-file-first" style="height:108px;width:108px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><div id="NewsVertical">
          <ul id="TickerVertical">
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
        </ul>
        </div>
    </div></div></div></div>

    <div class="phocagallery-box-file" style="height:110px; width:110px;"><div class="phocagallery-box-file-first" style="height:108px;width:108px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><div id="NewsVertical">
          <ul id="TickerVertical">
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
        </ul>
        </div>
    </div></div></div></div>
    <div class="phocagallery-box-file" style="height:110px; width:110px;"><div class="phocagallery-box-file-first" style="height:108px;width:108px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><div id="NewsVertical">
          <ul id="TickerVertical">
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
        </ul>
        </div>
    </div></div></div></div>

    <div class="phocagallery-box-file" style="height:110px; width:110px;"><div class="phocagallery-box-file-first" style="height:108px;width:108px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><div id="NewsVertical">
          <ul id="TickerVertical">
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
        </ul>
        </div>
    </div></div></div></div>

    <div class="phocagallery-box-file" style="height:110px; width:110px;"><div class="phocagallery-box-file-first" style="height:108px;width:108px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><div id="NewsVertical">
          <ul id="TickerVertical">
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
        </ul>
        </div>
    </div></div></div></div>

    <div class="phocagallery-box-file" style="height:110px; width:110px;"><div class="phocagallery-box-file-first" style="height:108px;width:108px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><div id="NewsVertical">
          <ul id="TickerVertical">
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
        </ul>
        </div>
    </div></div></div></div>

    <div class="phocagallery-box-file" style="height:110px; width:110px;"><div class="phocagallery-box-file-first" style="height:108px;width:108px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><div id="NewsVertical">
          <ul id="TickerVertical">
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
        </ul>
        </div>
    </div></div></div></div>

    <div class="phocagallery-box-file" style="height:110px; width:110px;"><div class="phocagallery-box-file-first" style="height:108px;width:108px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><div id="NewsVertical">
          <ul id="TickerVertical">
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
        </ul>
        </div>
    </div></div></div></div>

    <div class="phocagallery-box-file" style="height:110px; width:110px;"><div class="phocagallery-box-file-first" style="height:108px;width:108px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><div id="NewsVertical">
          <ul id="TickerVertical">
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
        </ul>
        </div>
    </div></div></div></div>

    <div class="phocagallery-box-file" style="height:110px; width:110px;"><div class="phocagallery-box-file-first" style="height:108px;width:108px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><div id="NewsVertical">
          <ul id="TickerVertical">
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
        </ul>
        </div>
    </div></div></div></div>

    <div class="phocagallery-box-file" style="height:110px; width:110px;"><div class="phocagallery-box-file-first" style="height:108px;width:108px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><div id="NewsVertical">
          <ul id="TickerVertical">
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
        </ul>
        </div>
    </div></div></div></div>

    <div class="phocagallery-box-file" style="height:110px; width:110px;"><div class="phocagallery-box-file-first" style="height:108px;width:108px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><div id="NewsVertical">
          <ul id="TickerVertical">
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
        </ul>
        </div>
    </div></div></div></div>

    <div class="phocagallery-box-file" style="height:110px; width:110px;"><div class="phocagallery-box-file-first" style="height:108px;width:108px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><div id="NewsVertical">
          <ul id="TickerVertical">
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
        </ul>
        </div>
    </div></div></div></div>

    <div class="phocagallery-box-file" style="height:110px; width:110px;"><div class="phocagallery-box-file-first" style="height:108px;width:108px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><div id="NewsVertical">
          <ul id="TickerVertical">
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
        </ul>
        </div>
    </div></div></div></div>

    <div class="phocagallery-box-file" style="height:110px; width:110px;"><div class="phocagallery-box-file-first" style="height:108px;width:108px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><div id="NewsVertical">
          <ul id="TickerVertical">
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
        </ul>
        </div>
    </div></div></div></div>

    <div class="phocagallery-box-file" style="height:110px; width:110px;"><div class="phocagallery-box-file-first" style="height:108px;width:108px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><div id="NewsVertical">
          <ul id="TickerVertical">
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
        </ul>
        </div>
    </div></div></div></div>

    <div class="phocagallery-box-file" style="height:110px; width:110px;"><div class="phocagallery-box-file-first" style="height:108px;width:108px;margin: auto"><div class="phocagallery-box-file-second"><div class="phocagallery-box-file-third"><div id="NewsVertical">
          <ul id="TickerVertical">
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
            <li><a href="#" onclick="return hs.htmlExpand(this, { contentId: 'highslide-html-2', height: 600 } )" class="highslide"><img src="1.jpg" alt="Страна" /></a></li>
        </ul>
        </div>
    </div></div></div></div>

    <div class="highslide-html-content" id="highslide-html-2" style="background-color: red">

        <div class="highslide-header">

            <ul>
                <li class="highslide-move">
                    <a href="#" onclick="return false">Move</a>
                </li>
                <li class="highslide-close">
                    <a href="#" onclick="return hs.close(this)">Close</a>

                </li>
            </ul>

        </div>
        <div class="highslide-body">
    <div class="highslide-body">
            <a href="http://www.03www.ru/pic/001.jpg" class="highslide" onclick="return hs.expand(this, {wrapperClassName: 'borderless'})">
        <img src="http://www.03www.ru/pic/001.jpg" alt="Highslide JS"
            title="Click to enlarge" height="120" width="107" style="float: left; margin: 0 10px 10px 0"   width="100"></a>
                <div class="highslide-caption">
                    This caption can be styled using CSS.
                </div>

            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam dapibus leo quis nisl. In lectus. Vivamus consectetuer pede in nisl. Mauris cursus pretium mauris. Suspendisse condimentum mi ac tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sed enim. Ut vel ipsum. Cras consequat velit et justo. Donec mollis, mi at tincidunt vehicula, nisl mi luctus risus, quis scelerisque arcu nibh ac nisi. Sed risus. Curabitur urna. Aliquam vitae nisl. Quisque imperdiet semper justo. Pellentesque nonummy pretium tellus.
        </div>
        <div class="highslide-footer">
            <div>
                <span class="highslide-resize" title="Resize">
                    <span></span>
                </span>

            </div>
        </div>

    </div>
    </div>

            <script language="javascript" type="text/javascript" src="newsticker.js">
            <!-- SE@RCHER Javascript www.03www.su 2009 год --></script>


    </body>
    </html>
     

    Вложения:

    • 333.zip
      Размер файла:
      32,7 КБ
      Просмотров:
      5