Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: отображение картинки

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
xsh
Отправлено: 17 Января, 2013 - 06:36:58
Post Id



Новичок


Покинул форум
Сообщений всего: 55
Дата рег-ции: Авг. 2011  


Помог: 0 раз(а)




подскажите пожалуйста как сделать чтобы при загрузке страницы по умолчанию грузилась первая картинка из блока справа, а не по клику на превьюшку. может есть какие то идеи как это реализовать. Вот ссылка http://our-rest[dot]ru/projects/v-gorode/

сейчас этим всем рулит вот такой xsl код:
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. <?xml version="1.0" encoding="utf-8"?>
  3. <!DOCTYPE xsl:stylesheet>
  4. <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  5.         <xsl:output method="html" encoding="utf-8"/>
  6.         <xsl:output xmlns="http://www.w3.org/TR/xhtml1/strict" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" encoding="utf-8" indent="yes" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml"/>
  7.        
  8.         <xsl:template match="/document">
  9.                 <SCRIPT>
  10.                         <xsl:comment>
  11.                                 <xsl:text disable-output-escaping="yes">
  12.                                         <![CDATA[
  13.                                         function ShowImgWindow(title, src, width, height)
  14.                                         {
  15.                                         obj = window.open("", "", "scrollbars=0,dialog=0,minimizable=1,modal=1,width="+width+",height="+height+",resizable=0");
  16.                                         obj.document.write("<html>");
  17.                                                 obj.document.write("<head>");
  18.                                                        
  19.                                                 obj.document.write("<title>"+title+"</title>");
  20.                                                        
  21.                                                 obj.document.write("</head>");
  22.                                                
  23.                                                 obj.document.write("<body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0>");
  24.                                                        
  25.                                                         obj.document.write("<img src=\""+src+"\" />");
  26.                                                        
  27.                                                 obj.document.write("</body>");
  28.                                         obj.document.write("</html>");
  29.                                         }
  30.                                        
  31.                                         newInt = '';
  32.                                        
  33.                                         function move_step(top) {
  34.                                         if (top == 0)
  35.                                         {
  36.                                         clearInterval(newInt);
  37.                                         }
  38.                                         else if (top == 1)
  39.                                         {
  40.                                         newInt = setInterval("step_up()",90);
  41.                                         }
  42.                                         else
  43.                                         {
  44.                                         newInt = setInterval("step_down()",90);
  45.                                         }
  46.                                         }
  47.                                        
  48.                                         function moveMouseOut()
  49.                                         {
  50.                                         if (newInt != '')
  51.                                         {
  52.                                         move_step(0)
  53.                                         }
  54.                                         }
  55.                                        
  56.                                         function step_up(){
  57.                                        
  58.                                         var step_scroll = 10;
  59.                                         var scroll = scroll_clipper.scrollLeft;
  60.                                         scroll_clipper.scrollLeft = scroll + step_scroll;
  61.                                         }
  62.                                        
  63.                                         function step_down(){
  64.                                        
  65.                                         var step_scroll = 10;
  66.                                         var scroll = scroll_clipper.scrollLeft;
  67.                                         scroll_clipper.scrollLeft = scroll - step_scroll;
  68.                                         }
  69.                                        
  70.                                         function ClearInt()
  71.                                         {
  72.                                         if(newInt)
  73.                                         {
  74.                                         clearInterval(newInt)
  75.                                         }
  76.                                         }
  77.                                        
  78.                                         function ShowPhoto(src, big_photo_name, src_big_image, width_big_image, height_big_image)
  79.                                         {
  80.                                        
  81.                                         document.getElementById('foto').innerHTML = '<img onclick="ShowImgWindow(\''+big_photo_name+'\',\''+src_big_image+'\', ' + width_big_image + ',' + height_big_image +')" src="' + src + '" class="img_b">';
  82.                                                 }
  83.                                                
  84.                                                 ]]>
  85.                                         </xsl:text>
  86.                                 </xsl:comment>
  87.                         </SCRIPT>
  88.                         <!--
  89.                         <h1>
  90.                                 <xsl:value-of disable-output-escaping="yes" select="blocks/name"/>
  91.                         </h1>
  92.                         -->
  93.                         <xsl:value-of disable-output-escaping="yes" select="blocks/description"/>
  94.                        
  95.                         <!-- Отображение записи информационного блока -->
  96.                         <div class="content-center-catalog" style="display: table;">
  97. <div id="foto" style="border: solid 1px #ffffff; display: table-cell; vertical-align: middle;">
  98.                                         <xsl:if test="item_image!=''">
  99.                                                 <xsl:variable name="big_photo_name" select="item_propertys/item_property[@xml_name='big_file1']/property_name"/>
  100.                                                 <xsl:variable name="src_big_image" select="item_propertys/item_property[@xml_name='big_file1']/property_file_path"/>
  101.                                                 <xsl:variable name="width_big_image" select="item_propertys/item_property[@xml_name='big_file1']/value/@width"/>
  102.                                                 <xsl:variable name="height_big_image" select="item_propertys/item_property[@xml_name='big_file1']/value/@height"/>
  103.                                                
  104.                                                 <img class="img_b" />
  105.                                         </xsl:if>
  106. </div>
  107.                         </div>
  108.                         <div class="content-bottom-catalog">
  109.  
  110.                                 <table cellpadding="0" cellspacing="0" border="0">
  111.                                         <tr>
  112.                                                 <td style="vertical-align:middle; width:29px;">
  113.                                                         <img src="/images/l_arr.jpg" style="cursor:hand;" onMouseDown="javascript:move_step('-1')" onMouseUp="javascript:move_step('0')" onMouseOut="javascript:moveMouseOut()"/>
  114.                                                 </td>
  115.                                                 <td style="vertical-align:middle">
  116.                                                         <div id="scroll_clipper" style="width: 200px; height: 135px; overflow:auto;">
  117.                                                                 <div id="scroll_clipper2" style=" white-space: nowrap;">
  118.                                                                         <xsl:apply-templates select="blocks/items/item[item_status=1 and item_image != '']"/>
  119.                                                                 </div>
  120.                                                         </div>
  121.                                                 </td>
  122.                                                 <td style="vertical-align:middle; width:29px;" align="right">
  123.                                                         <img src="/images/r_arr.jpg" style="cursor:hand;" onMouseDown="javascript:move_step('1')" onMouseUp="javascript:move_step('0')" onMouseOut="javascript:moveMouseOut()"/>
  124.                                                 </td>
  125.                                         </tr>
  126.                                 </table>
  127.                         </div>
  128.                 </xsl:template>
  129.                
  130.                 <xsl:template match="blocks/items/item">
  131.                        
  132.                         <xsl:variable name="srcpath" select="item_image"/>
  133.                         <xsl:variable name="big_photo_name" select="item_name"/>
  134.                        
  135.                         <xsl:variable name="src_big_image" select="item_image"/>
  136.                        
  137.                         <xsl:variable name="width_big_image" select="item_image/@width"/>
  138.                        
  139.                         <xsl:variable name="height_big_image" select="item_image/@height"/>
  140.                        
  141.                         <!--<a href="JavaScript:void(0)" onclick="ShowImgWindow('{item_propertys/item_property[@xml_name='foto1']/property_name}','/{$srcpath}', {item_propertys/item_property[@xml_name='foto1']/value/@width}, {item_propertys/item_property[@xml_name='foto1']/value/@height})">
  142.                                 <img src="/{item_propertys/item_property[@xml_name='foto1']/small_image/property_file_path}" class="gall" style="margin-top: 5px;"/></a>-->
  143.                        
  144.                         <img onclick="ShowPhoto('{$srcpath}', '{$big_photo_name}', '{$src_big_image}', {$width_big_image}, {$height_big_image})" src="{item_small_image}" class="gall"
  145.                                 style="margin:0px 10px 0px 0px; cursor: pointer;"/>
  146.                 </xsl:template>
  147.         </xsl:stylesheet>
  148.  


собственно суть:
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. <img onclick="ShowPhoto('{$srcpath}', '{$big_photo_name}', '{$src_big_image}', {$width_big_image}, {$height_big_image})" src="{item_small_image}" class="gall"
  3.                                style="margin:0px 10px 0px 0px; cursor: pointer;"/>
  4.  

(Отредактировано автором: 17 Января, 2013 - 06:57:40)



-----
$хикикомори()
goodlook...goodtime...connect... offline...
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Напишите за меня, пожалуйста »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB