путь до большой картинки в ИС (каталог товаров)

#
путь до большой картинки в ИС (каталог товаров)
Здравстуйте, есть код
<xsl:variable name="srcpath" select="item_image" />
   <a href="JavaScript:void(0)" onclick="ShowImgWindow('{item_name}',url, {item_image/@width}, {item_image/@height})"><img id="big" src="/{item_small_image}" style="padding-right:10px; padding-bottom:10px;"/></a>
но он выводит в новом окне маленькую картинку, я мне нужно чтобы основная картинка грузилась большая, это нужно для того чтобы дополнительные картинки открываясь в том же месте где и основная, затем кликая на них так  же открывались как и оснавная, это с мог сделать но теперь основная открывается в новом окне маленькая, подскажите плиз, вот привожу весь код
<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE xsl:stylesheet>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output xmlns="http://www.w3.org/TR/xhtml1/strict" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN"
encoding="Windows-1251" indent="yes" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml" />

<xsl:template match="/">
    <xsl:apply-templates select="/document/item"/>
</xsl:template>

<xsl:template match="/document/item">

   <SCRIPT>
      <xsl:comment>
         <xsl:text disable-output-escaping="yes">





         <![CDATA[
         function ShowImgWindow(title, src, width, height)
         {
            obj = window.open("", "", "scrollbars=0,dialog=0,minimizable=1,modal=1,width="+width+",height="+height+",resizable=0");
            obj.document.write("<html>");
            obj.document.write("<head>");
            //obj.document.write(url);
         
            obj.document.write("<title>"+title+"</title>");
         
            obj.document.write("</head>");
         
            obj.document.write("<body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0>");
         
            obj.document.write("<img src=\""+src+"\" />");
         
            obj.document.write("</body>");
            obj.document.write("</html>");
         }
         ]]>
         </xsl:text>
      </xsl:comment>
   </SCRIPT>

   <SCRIPT>
      <xsl:comment>
         <xsl:text disable-output-escaping="yes">
         <![CDATA[


function View(elemid, href) {
   url=href;
   img = document.getElementById(elemid);
   img.src = href;
}

         ]]>
         </xsl:text>
      </xsl:comment>
   </SCRIPT>





   
   <!-- Получаем ID родительской группы и записываем в переменную $parent_group_id -->
   <xsl:variable name="parent_group_id" select="/document/information_system/parent_group_id"/>
   
   
   
   <!-- ============= -->
   <!-- Путь к гурппе -->
   <!-- ============= -->
<div class="navigation_box">   <xsl:apply-templates select="//group[@id=$parent_group_id]" mode="goup_path"/> - -<xsl:value-of disable-output-escaping="yes" select="item_name"/> </div>

<p/>

<!-- Изображение для записи со ссылкой на большой файл -->
<table border="0">
<tr>
<td align="center">

<xsl:if test="item_small_image!=''">

<!-- Проверяем задан ли путь к файлу большого изображения -->
<xsl:if test="item_image!=''">



   <xsl:variable name="srcpath" select="item_image" />
   <a href="JavaScript:void(0)" onclick="ShowImgWindow('{item_name}',url, {item_image/@width}, {item_image/@height})"><img id="big" src="/{item_small_image}" style="padding-right:10px; padding-bottom:10px;"/></a>


</xsl:if>

<xsl:if test="item_image =''">
   <img  src="/{item_small_image}" style="padding-right:10px; padding-bottom:10px;"/>
</xsl:if>

</xsl:if>
<br/>
<xsl:if test="item_propertys/item_property[@xml_name='foto2']/property_file_path != ''">
<div class="navigation_box">Дополнительные фото объекта</div>
</xsl:if>
<br/>


<xsl:if test="item_image!=''">
&#xa0;
<a href="JavaScript:View('big', '/{item_small_image}')">
<img src="/{item_small_image}" width="54" height="54"/>
</a>
</xsl:if>




<xsl:if test="item_propertys/item_property[@xml_name='foto2']/property_file_path != ''">
&#xa0;
<a href="JavaScript:View('big', '/{item_propertys/item_property[@xml_name='foto2']/property_file_path}')">
<img src="/{item_propertys/item_property[@xml_name='foto2']/small_image/property_file_path}" width="54" height="54"/>
</a>
</xsl:if>
<xsl:if test="item_propertys/item_property[@xml_name='foto3']/property_file_path != ''">
&#xa0;
<a href="JavaScript:View('big', '/{item_propertys/item_property[@xml_name='foto3']/property_file_path}')">
<img src="/{item_propertys/item_property[@xml_name='foto3']/small_image/property_file_path}" width="54" height="54"/>
</a>
</xsl:if>
<xsl:if test="item_propertys/item_property[@xml_name='foto4']/property_file_path != ''">
&#xa0;
<a href="JavaScript:View('big', '/{item_propertys/item_property[@xml_name='foto4']/property_file_path}')">
<img src="/{item_propertys/item_property[@xml_name='foto4']/small_image/property_file_path}" width="54" height="54"/>
</a>
</xsl:if>
<xsl:if test="item_propertys/item_property[@xml_name='foto5']/property_file_path != ''">
&#xa0;
<a href="JavaScript:View('big', '/{item_propertys/item_property[@xml_name='foto5']/property_file_path}')">
<img src="/{item_propertys/item_property[@xml_name='foto5']/small_image/property_file_path}" width="54" height="54"/>
</a>
</xsl:if>
<xsl:if test="item_propertys/item_property[@xml_name='foto2']/property_file_path != ''">
&#xa0;
<a href="JavaScript:View('big', '/{item_propertys/item_property[@xml_name='foto2']/property_file_path}')">
<img src="/{item_propertys/item_property[@xml_name='foto2']/small_image/property_file_path}" width="54" height="54"/>
</a>
&#xa0;
</xsl:if>



</td>

</tr>
</table>

<br/><div class="navigation_box">Информация об объекте</div><br/>
<b>Цена:

<!-- Валюта (дополнительное свойство) -->
<xsl:value-of disable-output-escaping="yes"
select="item_propertys/item_property/currency"/>&#xa0;   -

<!-- Цена (дополнительное свойство) -->
<xsl:value-of disable-output-escaping="yes"
select="item_propertys/item_property/price"/>
</b>
<br/>
Статус:
<!-- Статус (дополнительное свойство) -->
<xsl:value-of disable-output-escaping="yes"
select="item_propertys/item_property/status"/>


<!-- Текст элемента информационного блока -->
<xsl:value-of disable-output-escaping="yes" select="item_text"/>

<br/>
<!--<xsl:if test="foto2=''">
</xsl:if> <xsl:if test="/item_propertys/item_property[@xml_name='foto2']/property_file_path != ''">   -->            
            

<xsl:if test="position() mod 3 =0">
         <xsl:text disable-output-escaping="yes">
         &lt;/tr&gt;
         &lt;tr&gt;
      </xsl:text>
      </xsl:if>




</xsl:template>



<!-- ======================================================== -->
<!-- Шаблон выводит рекурсивно ссылки на группы инф. элемента -->
<!-- ======================================================== -->

<xsl:template match="group" mode="goup_path">
   <xsl:variable name="parent_id" select="@parent_id"/>

   <!-- Выбираем рекурсивно вышестоящую группу -->
   <xsl:apply-templates select="//group[@id=$parent_id]" mode="goup_path" />

   <xsl:if test="@parent_id=0">
      <a href="{/document/information_system/url}"><xsl:value-of disable-output-escaping="yes" select="/document/information_system/name"/></a>
   </xsl:if>

   <span class="path_arrow">&#8594;</span>

   <a href="{/document/information_system/url}{fullpath}"><xsl:value-of disable-output-escaping="yes" select="name"/></a>
</xsl:template>

</xsl:stylesheet>
Комплексная разработка веб-сайтов любого уровня сложности , делаю сайты на HOSTCMS
#
Re: путь до большой картинки в ИС (каталог товаров)
Tycoon, попробуйте так:
<a href="JavaScript:void(0)" onclick="ShowImgWindow('{item_name}', '{item_image}', {item_image/@width}, {item_image/@height})"><img id="big" src="/{item_small_image}" style="padding-right:10px; padding-bottom:10px;"/></a>
#
Re: путь до большой картинки в ИС (каталог товаров)
Попробовал, почему то теперь при клике когда она открывается  в новом окне пустая, т.е. как раз вроде дело с путем до большой картинки
Комплексная разработка веб-сайтов любого уровня сложности , делаю сайты на HOSTCMS
Модератор
#
Re: путь до большой картинки в ИС (каталог товаров)
Tycoon,
А большая картинка загружена? Видна при просмотре из центра администрирования? покажите путь до большой картинки.
#
Re: путь до большой картинки в ИС (каталог товаров)
natalya писал(а):
<a href="JavaScript:void(0)" onclick="ShowImgWindow('{item_name}', '{item_image}', {item_image/@width}, {item_image/@height})"><img id="big" src="/{item_small_image}" style="padding-right:10px; padding-bottom:10px;"/></a>
Спасибо за ответ, вообщем щас такая ситуация, в админке  при редактировании элемента Малое изображение (в формате JPG) и Большое изображение (в формате JPG) (не для доп.картинок есть) , доп картинки есть, http://orion.v-nedv.ru/outdoor/reklamnyjj_shhit/3kh6/50_let_oktjabrja/reklamnyjj_shhit_3_na_6_16/ , если тсраница загрузилась первый раз то по умолчанию грузится основанная картинка (small_image),  если переходим по дополнительным, а потом назад на лсновную кликаем в списке Дополнительных (я туда ее подставил чтобы можно было на нее вернутся) она грузится в окне основном , когда я отображается любая картинка и потмо кликаем на нее , открывается пустое окно, на ссылке можете посмотреть, надеюсь я не запутал вас, код в ХСЛТ тот же что выше.
P.S. Кстати я смог реализовать интеллектуальную систему http://orion.v-nedv.ru/outdoor-status/ скрипт я сам написал взаимодействует с хосткмс
Комплексная разработка веб-сайтов любого уровня сложности , делаю сайты на HOSTCMS
Модератор
#
Re: путь до большой картинки в ИС (каталог товаров)
Tycoon,
у Вас путь получается:
http://orion.v-nedv.ru/outdoor/reklamnyjj_shhit/3kh6/50_let_oktjabrja/reklamnyjj_shhit_3_na_6_16/upload/information_items_1206443159.jpg
что неверно.

В ShowImgWindow ... перед {item_image} добавьте ведущий слэш, вот так:
<a href="JavaScript:void(0)" onclick="ShowImgWindow('{item_name}', '/{item_image}', {item_image/@width}, {item_image/@height})"><img id="big" src="/{item_small_image}" style="padding-right:10px; padding-bottom:10px;"/></a>
#
Re: путь до большой картинки в ИС (каталог товаров)
HostCMS писал(а):
<a href="JavaScript:void(0)" onclick="ShowImgWindow('{item_name}', '/{item_image}', {item_image/@width}, {item_image/@height})"><img id="big" src="/{item_small_image}" style="padding-right:10px; padding-bottom:10px;"/></a>

теперь если в окне основной картинки доп.фото и открываю ее в новом окне то отображается постоянно Основная  картинка, подскажите плиз что еще можно сделать?
Комплексная разработка веб-сайтов любого уровня сложности , делаю сайты на HOSTCMS
#
Re: путь до большой картинки в ИС (каталог товаров)
как бы это уже решил, но вот все равно почему то когда после кликанья по доп. картинкам и нажатия на первую (т.е. оснавная)она грузится в полный размер а не маленькая, хотя при первой загрузки страницы она грузится small_image
Комплексная разработка веб-сайтов любого уровня сложности , делаю сайты на HOSTCMS
#
Re: путь до большой картинки в ИС (каталог товаров)
Tycoon, из описания не совсем ясна ситуация. Давайте так: сообщите адрес страницы с описанием своих действий: куда вы жмете, что при этом открывается, и что должно открываться.
#
Re: путь до большой картинки в ИС (каталог товаров)
Вообщем делать хочу следующее, для элементов ИС (Каталог), делаю доп.картинки которые отображаются под основной, с помощию джава скрипта их подставляюв окно Основной картинки которая так же загружается через админку, когда доп. картинки отображаются в очновном окне и затем кликаю на нее они должны так же отображатся в новом окне, вот урл http://orion.v-nedv.ru/outdoor/reklamnyjj_shhit/3kh6/50_let_oktjabrja/reklamnyjj_shhit_3_na_6_16/ ,  мне пришлось так же в ряд с доп. картинками подставить и маленкую очновную xnj,.s можно было вернутся к ней, после просмотра доп картинок в оновном окне, проблема в том что когда  после просмотра доп. картинок в оновном окне, кликая на оновную которая стоит первой в ряду с доп. картинками, она отображается крупной в ононом онке , а должна отображатся как при первой загрузки страницы т.е. уменьшенное изображение, а она после перехоа с доп. картинок отображается в полный размер

<?xml version="1.0" encoding="windows-1251"?>
<!DOCTYPE xsl:stylesheet>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output xmlns="http://www.w3.org/TR/xhtml1/strict" doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN"
encoding="Windows-1251" indent="yes" method="html" omit-xml-declaration="no" version="1.0" media-type="text/xml" />

<xsl:template match="/">
    <xsl:apply-templates select="/document/item"/>
</xsl:template>

<xsl:template match="/document/item">

   <SCRIPT>
      <xsl:comment>
         <xsl:text disable-output-escaping="yes">





         <![CDATA[
         function ShowImgWindow(title, src, width, height)
         {
            obj = window.open("", "", "scrollbars=0,dialog=0,minimizable=1,modal=1,width="+width+",height="+height+",resizable=0");
            obj.document.write("<html>");
            obj.document.write("<head>");
            //obj.document.write(url);
         
            obj.document.write("<title>"+title+"</title>");
         
            obj.document.write("</head>");
         
            obj.document.write("<body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0>");
         
            obj.document.write("<img src=\""+src+"\" />");
         
            obj.document.write("</body>");
            obj.document.write("</html>");
         }
         ]]>
         </xsl:text>
      </xsl:comment>
   </SCRIPT>

   <SCRIPT>
      <xsl:comment>
         <xsl:text disable-output-escaping="yes">
         <![CDATA[


function View(elemid, href) {
   url=href;
   img = document.getElementById(elemid);
   img.src = href;
}

         ]]>
         </xsl:text>
      </xsl:comment>
   </SCRIPT>





   
   <!-- Получаем ID родительской группы и записываем в переменную $parent_group_id -->
   <xsl:variable name="parent_group_id" select="/document/information_system/parent_group_id"/>
   
   
   
   <!-- ============= -->
   <!-- Путь к гурппе -->
   <!-- ============= -->
<div class="navigation_box">   <xsl:apply-templates select="//group[@id=$parent_group_id]" mode="goup_path"/> - -<xsl:value-of disable-output-escaping="yes" select="item_name"/> </div>

<p/>

<!-- Изображение для записи со ссылкой на большой файл -->
<table border="0">
<tr>
<td align="center">

<xsl:if test="item_small_image!=''">

<!-- Проверяем задан ли путь к файлу большого изображения -->
<xsl:if test="item_image!=''">



   <xsl:variable name="srcpath" select="item_image" />
   <a href="JavaScript:void(0)" onclick="ShowImgWindow('{item_name}',url, '/{item_image}', {item_image/@width}, {item_image/@height})"><img id="big" src="/{item_small_image}" style="padding-right:10px; padding-bottom:10px;"/></a>


</xsl:if>

<xsl:if test="item_image =''">
   <img  src="/{item_small_image}" style="padding-right:10px; padding-bottom:10px;"/>
</xsl:if>

</xsl:if>
<br/>
<xsl:if test="item_propertys/item_property[@xml_name='foto2']/property_file_path != ''">
<div class="navigation_box">Дополнительные фото объекта</div>
</xsl:if>
<br/>


<xsl:if test="item_image!=''">
&#xa0;
<a href="JavaScript:View('big', '/{item_image} ' )">
<img src="/{item_small_image}" width="54" height="54"/>
</a>
</xsl:if>




<xsl:if test="item_propertys/item_property[@xml_name='foto2']/property_file_path != ''">
&#xa0;
<a href="JavaScript:View('big', '/{item_propertys/item_property[@xml_name='foto2']/property_file_path}')">
<img src="/{item_propertys/item_property[@xml_name='foto2']/small_image/property_file_path}" width="54" height="54"/>
</a>
</xsl:if>
<xsl:if test="item_propertys/item_property[@xml_name='foto3']/property_file_path != ''">
&#xa0;
<a href="JavaScript:View('big', '/{item_propertys/item_property[@xml_name='foto3']/property_file_path}')">
<img src="/{item_propertys/item_property[@xml_name='foto3']/small_image/property_file_path}" width="54" height="54"/>
</a>
</xsl:if>
<xsl:if test="item_propertys/item_property[@xml_name='foto4']/property_file_path != ''">
&#xa0;
<a href="JavaScript:View('big', '/{item_propertys/item_property[@xml_name='foto4']/property_file_path}')">
<img src="/{item_propertys/item_property[@xml_name='foto4']/small_image/property_file_path}" width="54" height="54"/>
</a>
</xsl:if>
<xsl:if test="item_propertys/item_property[@xml_name='foto5']/property_file_path != ''">
&#xa0;
<a href="JavaScript:View('big', '/{item_propertys/item_property[@xml_name='foto5']/property_file_path}')">
<img src="/{item_propertys/item_property[@xml_name='foto5']/small_image/property_file_path}" width="54" height="54"/>
</a>
</xsl:if>
<xsl:if test="item_propertys/item_property[@xml_name='foto2']/property_file_path != ''">
&#xa0;
<a href="JavaScript:View('big', '/{item_propertys/item_property[@xml_name='foto2']/property_file_path}')">
<img src="/{item_propertys/item_property[@xml_name='foto2']/small_image/property_file_path}" width="54" height="54"/>
</a>
&#xa0;
</xsl:if>



</td>

</tr>
</table>

<br/><div class="navigation_box">Информация об объекте</div><br/>
<b>Цена:

<!-- Валюта (дополнительное свойство) -->
<xsl:value-of disable-output-escaping="yes"
select="item_propertys/item_property/currency"/>&#xa0;   -

<!-- Цена (дополнительное свойство) -->
<xsl:value-of disable-output-escaping="yes"
select="item_propertys/item_property/price"/>
</b>
<br/>
Статус:
<!-- Статус (дополнительное свойство) -->
<xsl:value-of disable-output-escaping="yes"
select="item_propertys/item_property/status"/>


<!-- Текст элемента информационного блока -->
<xsl:value-of disable-output-escaping="yes" select="item_text"/>

<br/>
<!--<xsl:if test="foto2=''">
</xsl:if> <xsl:if test="/item_propertys/item_property[@xml_name='foto2']/property_file_path != ''">   -->            
            

<xsl:if test="position() mod 3 =0">
         <xsl:text disable-output-escaping="yes">
         &lt;/tr&gt;
         &lt;tr&gt;
      </xsl:text>
      </xsl:if>




</xsl:template>



<!-- ======================================================== -->
<!-- Шаблон выводит рекурсивно ссылки на группы инф. элемента -->
<!-- ======================================================== -->

<xsl:template match="group" mode="goup_path">
   <xsl:variable name="parent_id" select="@parent_id"/>

   <!-- Выбираем рекурсивно вышестоящую группу -->
   <xsl:apply-templates select="//group[@id=$parent_id]" mode="goup_path" />

   <xsl:if test="@parent_id=0">
      <a href="{/document/information_system/url}"><xsl:value-of disable-output-escaping="yes" select="/document/information_system/name"/></a>
   </xsl:if>

   <span class="path_arrow">&#8594;</span>

   <a href="{/document/information_system/url}{fullpath}"><xsl:value-of disable-output-escaping="yes" select="name"/></a>
</xsl:template>

</xsl:stylesheet>
Комплексная разработка веб-сайтов любого уровня сложности , делаю сайты на HOSTCMS
Авторизация