JQuery Slayt - jQuery ve PHP ile XML URL Al

0 Cevap php

Kurulum için onun oldukça basit jQuery Nivo Slider kullanarak im:

<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>

<!-- Then somewhere in the <body> section -->
<div id="slider">
    <img src="images/slide1.jpg" alt="" />
    <a href="http://dev7studios.com"><img src="images/slide2.jpg" alt="" title="#htmlcaption" /></a>
    <img src="images/slide3.jpg" alt="" title="This is an example of a caption" />
    <img src="images/slide4.jpg" alt="" />
</div>
<div id="htmlcaption" class="nivo-html-caption">
    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.
</div>

Ancak, ayrı bir dosyada belki bir XML dosyası veya metin dosyasını Görüntüler ve başlıkları tanımlamak mümkün olmak istiyorum. Gerekirse hemen hemen herkes dosyasını güncelleştirmek ki ben oldukça okunabilir moda görüntüleri depolamak istiyorum.

Yani soru oluşturulan yukarıda kullanılan nasıl bir dosyadan PHP ile otomatik olarak aynı yapıda HTML üretebilir mi?

Ben bazı seçenekleri ile görüntülerin bir listesini oluşturmak gerekir:

Ben seçenekler supposse:

  1. IMG src
  2. href
  3. alt
  4. title (başlık yazısı ile ilgilidir)

  5. yazısı (asıl başlık metni)

  6. Bir kimliği dayalı görüntüleri sipariş Seçenek PHP

Sadece IMG src, alt ve başlık isteğe bağlı kalan alanları ile zorunlu olacaktır.

Ben XML Bu seçenekleri tanımlamak için en kolay yolu olacak hayal, ama benim kendi XML oluşturma hakkında gitmek nasıl hiçbir fikrim yok. Zaten şu yazdım ama doğru XML olarak bu nasıl tanımlanacağını bilmek gerekir. Örneğin Ben geçerli XML oluşturmak için dosyanın üstüne eklemeniz gereken bir isim ya da bir şey var mı?

<images>
  <image>
    <id>1</id>
    <source>images/slide1.jpg</source>
    <alt>This is an image</alt>
    <title>caption1</title>
    <href>http://url.com</href>
  <image>
  <image>
    <id>3</id>
    <source>images/slide3.jpg</source>
    <alt>This is an image</alt>
    <title>caption3</title>
    <href>http://url.com</href>
    <caption>This is an example of a HTML caption.</caption>
  <image>
  <image>
    <id>2</id>
    <source>images/slide2.jpg</source>
    <alt>This is an image</alt>
    <title>caption2</title>
    <href>http://url.com</href>
  <image>
</images>

Yani potansiyel kaymak bilgilerini saklamak için tanımlanan XML şu.

Şimdi HTML oluşturmak için XML okumak gerekir:

Tüm görüntüler <div id="slider"> images </div> arasına saklanan olması ve başlıklar bu dışında tanımlanmalıdır.

Yani kimliği dayalı corret sırayla ilk görüntüleri alıp gerekir <id>. (Değil gerçek kod) gibi bir şey.

foreach image as images {
  $id = <id>;
  $src = <src>;
  $title = <title>; 
  $alt = <alt>;
  $href = <href>;
  orderby $id;

  <!--HERE I NEED TO DO SOME KIND OF if HERE SO THAT ONLY THOSE ELEMENTS
      THAT ARE POPULATED IN THE XML ARE USED
   -->

  echo "<a href='$href'><img src='$src' alt='$alt' title='$title' /></a>";

}

Yukarıdaki döngü 3 kez yukarıdaki XML tabanlı ve çıkış yazısı için tam HTML hazır olacaktır.

Yani bu oluşturmak için gereken başlık oluşturmak için:

foreach images as image {
  if $title = * {
    echo "<div id='$title' class='nivo-html-caption'>
            This is an example of a HTML caption.
          </div>"
  }
}

I inanmak için Title vermek için <img> ID verilen için göreceli olan nivo-html-caption ID.

Ben geçerli bir şekilde birlikte dosya koymak için XML anlayış var burada çok yazdım ama sadece yaptık biliyoruz.

Nasıl PHP kullanarak dosyayı getirebilir?

Nasıl HTML Görüntüler oluşturmak ve doğru sırayla koymak için XML ile ben döngü olabilir?

Nasıl HTML başlıklar seperatly üretebilir?

Herhangi bir yardım büyük takdir!

0 Cevap

etiketler