AJAX в изображениях

4 декабря 2007 г.

AJAX в изображениях

вообщем стал вопрос внедрить ajax  в изображения...

Для этого сохранил ajax

создал css

прикрутил сss и java к двигу

<script type="text/javascript" src="/highslide/highslide.js"></script>
<script type="text/javascript">
    hs.graphicsDir = '/highslide/graphics/';
    hs.outlineType = null;
</script>

<link href="/templates/template1/hj.css" rel="stylesheet" type="text/css">

вроде бы все ничего

но вот тут запутался, по инструкции написано вот что :

<a id="thumb1" href="images/full-image.jpg" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})">
   <img src="images/thumbnail.jpg" alt="Highslide JS"


у нас имеем :
<a href="JavaScript:void(0)" onclick="ShowImgWindow('{item_name}','/{$srcpath}', {item_image/@width}, {item_image/@height})">
   <img src="/{item_small_image}" style="padding-right:10px; padding-bottom:10px;"/></a>

делаю вот так :

<a href="JavaScript:void(0)" onclick="return hs.expand('{item_name}','/{$srcpath}', {item_image/@width}, {item_image/@height})">
   <img src="/{item_small_image}" style="padding-right:10px; padding-bottom:10px;"/></a>

и не получается.. помогите пожалуста , а то я ламер)

5 декабря 2007 г.

Re: AJAX в изображениях

Попробуйте сначала разобраться на статике, как работает данная AJAX библиотека, а уже потом с работающего прототипа перенесите на XSL

5 декабря 2007 г.

Re: AJAX в изображениях

Дело в том что оно дано по примеру, и пример уже раскрыт в хтмл, и по примеру оно нармально получается... использовался вот этот сайт
http://vikjavev.no/highslide/

а вот отсюда был взят соурсно http://vikjavev.no/highslide/download.php

и пашет, проверял.. а на xls никак ((

5 декабря 2007 г.

Re: AJAX в изображениях

а да.. вот что написано у них, в самом хтмл шаблоне


<script type="text/javascript" src="/highslide/highslide.js"></script>



<script type="text/javascript">
    hs.graphicsDir = '/highslide/graphics/';
</script>



<style type="text/css">
* {
.тут ихний css
}

<div>

<a href="images/full-image.jpg" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})">
   <img src="images/thumbnail.jpg" alt="Highslide JS"
      title="Click to enlarge" height="120" width="107" /></a>

27 сентября 2008 г.

Re: AJAX в изображениях

voldemair, а ты куда ajax интегрировал? У меня вопрос, можно ли интегрировать ajax в фотогалерею и в портфолио и вообще в информационные системы? и где можно настроить ресайзинг картинов которые можно залить на сайт при добовлении новости и\или статьи?

В говно может вступить любой желающий. (с)

Модератор 27 сентября 2008 г.

Re: AJAX в изображениях

Rewired,
А почему бы нет, берёте и интегрируете.

Rewired писал(а):

и где можно настроить ресайзинг картинов которые можно залить на сайт при добовлении новости и\или статьи?

В настройках ИС указываются максимальные размеры.

27 сентября 2008 г.

Re: AJAX в изображениях

максимальные размеры в чём измеряются? я их менял а толку никакого. я пробовал загружать картинку в 800х600 ставил макс размер 50 большщой а маленькой 20 но при нажатии изобрадение получалось 750 на что то там....

Можно ли настроить отдельный макет подразделу например портфолио? Если да то какими средствами это можно сделать? Или как то совместить фотогалерею с портфолио? Спасибо

В говно может вступить любой желающий. (с)

27 сентября 2008 г.

Re: AJAX в изображениях

Вы не могли бы мне подсказать куда в этом шаблоне

<?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/>
</xsl:template>

<xsl:template match="/document">
   <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("<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>

   
   <xsl:variable name="parent_group_id" select="blocks/parent_group_id"/>

   
   <xsl:if test="blocks/parent_group_id=0">
      <h1><xsl:value-of disable-output-escaping="yes" select="blocks/name"/></h1>
      <xsl:value-of disable-output-escaping="yes" select="blocks/description"/>
   </xsl:if>

   
   <xsl:if test="blocks/parent_group_id!=0">
      <h1><xsl:value-of disable-output-escaping="yes" select=".//group[@id=$parent_group_id]/name"/></h1>

      
      <p><xsl:apply-templates select=".//group[@id=$parent_group_id]" mode="goup_path"/></p>
   </xsl:if>

   
   <ul>
      <xsl:apply-templates select=".//group[@parent_id=$parent_group_id]" mode="goups"/>
   </ul>

   
   <table border="0" cellspacing="0" cellpadding="2" class="news_table">
   <tr>
         <xsl:apply-templates select="blocks/items/item[item_status=1]" />
   </tr>
   </table>

   
   <xsl:if test="ОтображатьСсылкиНаСледующиеСтраницы=1">
      <xsl:if test="blocks/items/count_items > blocks/items/items_on_page">
         <p>
            <xsl:call-template name="for">
               <xsl:with-param name="n" select="blocks/items/count_items div blocks/items/items_on_page"/>
               <xsl:with-param name="current_page" select="blocks/items/current_page"/>
            </xsl:call-template>
            <div style="clear: both"></div>
         </p>
      </xsl:if>
   </xsl:if>

   
   <xsl:if test="ОтображатьСсылкуНаАрхив=1">
      <p/><a href="{blocks/url}">Архив "<xsl:value-of disable-output-escaping="yes" select="blocks/name"/>"</a>
   </xsl:if>
</xsl:template>

<xsl:template match="blocks/items/item">
   <td>
   <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}','/{$srcpath}', {item_image/@width}, {item_image/@height})"><img 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:value-of disable-output-escaping="yes" select="item_datetime"/>

   <br/>
   <a href="{item_path}"><b><xsl:value-of disable-output-escaping="yes" select="item_name"/></b></a>

   <br/>
   <xsl:value-of disable-output-escaping="yes" select="item_description"/>
   </center>
   </td>

   
   <xsl:if test="position() mod 5 = 0">
      <xsl:text disable-output-escaping="yes">
         </tr>
         <tr>
      </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/blocks/url}"><xsl:value-of disable-output-escaping="yes" select="/document/blocks/name"/></a>
   </xsl:if>

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




<xsl:template match="group" mode="goups">
   <li>
      <xsl:if test="small_image!=''">
         <a href="{/document/blocks/url}{fullpath}" target="_blank"><img src="/upload/{small_image}"/></a> 
      </xsl:if>
      <a href="{/document/blocks/url}{fullpath}"><b><xsl:value-of disable-output-escaping="yes" select="name"/></b></a>
   </li>
</xsl:template>


<xsl:template name="for">
   <xsl:param name="i" select="0"/>
   <xsl:param name="n"/>
   <xsl:param name="current_page"/>

   <xsl:if test="$n > $i">
      
      <xsl:if test="$i != $current_page">

         
         <xsl:variable name="parent_group_id" select="/document/blocks/parent_group_id" />

         
         <xsl:variable name="group_link"><xsl:choose>
            
            <xsl:when test="$parent_group_id != 0"><xsl:value-of select="/document/blocks//group[@id=$parent_group_id]/fullpath"/></xsl:when>
            
            <xsl:otherwise></xsl:otherwise>
         </xsl:choose></xsl:variable>

         
         <xsl:variable name="number_link"><xsl:choose>
            
            <xsl:when test="$i != 0">page-<xsl:value-of select="$i+1"/>/</xsl:when>
            
            <xsl:otherwise></xsl:otherwise>
         </xsl:choose></xsl:variable>

         <a href="{/document/blocks/url}{$group_link}{$number_link}" class="page_link"><xsl:value-of select="$i+1"/></a>
      </xsl:if>

      
      <xsl:if test="$i = $current_page">
         <span class="current"><xsl:value-of select="$i + 1"/></span>
      </xsl:if>

      
      <xsl:call-template name="for">
         <xsl:with-param name="i" select="$i + 1"/>
         <xsl:with-param name="n" select="$n"/>
         <xsl:with-param name="current_page" select="$current_page"/>
      </xsl:call-template>
   </xsl:if>
</xsl:template>

</xsl:stylesheet>

нужно ставить

я все мозги себе сломал уже

В говно может вступить любой желающий. (с)

30 сентября 2008 г.

Re: AJAX в изображениях

<xsl:choose>
                  <xsl:when test="small_image!=''">
                     <div>
                        <a href="{image}" class="highslide" onclick="return hs.expand(this)" title="{name}">
                           <img src="{small_image}" align="top" alt="{name}" title="{name}" />
                        </a>

                        <div class="highslide-caption"><xsl:value-of disable-output-escaping="yes" select="name"/></div>


                        <div id="closebutton" class="highslide-overlay closebutton" onclick="return hs.close(this)" title="Close"></div>
                     </div>
                  </xsl:when>
                  <xsl:otherwise>
                     <img src="/images/nophoto.png"/>
                  </xsl:otherwise>
               </xsl:choose>

2 октября 2008 г.

Re: AJAX в изображениях

Это нужно вставить в шаблон? У меня что то нифига не получается. можете привести тут полный текст шаблона с этими изменениями?(шаблон портфолио, список элементов портфолио) спасибо.

В говно может вступить любой желающий. (с)

Авторизация