Textpattern CMS

#1 2010-06-16 11:41:46

Gallex

Member

Registered: 2006-10-08

Posts: 1,315

<txp:smd_gallery> plugin with s3Slider jquery plugin

i got it work like they explain here (at least in most browsers)
beside on thing: i need to add this <div class="clear s3sliderImage"></div> before the list closing tag

my slide show
and working code:

<div id="s3slider">
<txp:smd_gallery category="linnud" sort="date asc" wraptag="ul" html_id="s3sliderContent">
<li class="s3sliderImage">
          <img src="{url}" alt="{alt}" title="{alt}" width="{width}" height="{height}" />
          <span><strong>{caption}</strong><br />{alt}</span>
      </li>
</txp:smd_gallery>
</div>

any ideas?

#2 2010-06-17 07:36:09

Gallex

Member

Registered: 2006-10-08

Posts: 1,315

Re: <txp:smd_gallery> plugin with s3Slider jquery plugin

the final html should look like this:

<div id="s3slider">
   <ul id="s3sliderContent">
      <li class="s3sliderImage">
          <img src="#" />
          <span>Your text comes here</span>
      </li>
      <li class="s3sliderImage">
          <img src="#" />
          <span>Your text comes here</span>
      </li>
      <div class="clear s3sliderImage"></div>
   </ul>
</div>

mine looks like this:

<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
          <img src="http://www.hm-kodulehed.ee/images/41.jpg" alt="märts 2001" title="märts 2001" width="800" height="600" />
          <span><strong>Hele-urvalind</strong><br />märts 2001</span>
      </li>
<li class="s3sliderImage">
          <img src="http://www.hm-kodulehed.ee/images/42.jpg" alt="vanalind" title="vanalind" width="800" height="600" />
          <span><strong>Herilaseviu</strong><br />vanalind</span>
      </li>
<li class="s3sliderImage">
          <img src="http://www.hm-kodulehed.ee/images/43.jpg" alt="sinise taeva taustal" title="sinise taeva taustal" width="800" height="600" />
          <span><strong>Hiireviu</strong><br />sinise taeva taustal</span>
      </li>
<li class="s3sliderImage">
          <img src="http://www.hm-kodulehed.ee/images/44.jpg" alt="emaslind männioksal" title="emaslind männioksal" width="800" height="600" />
          <span><strong>Hallpea-rähn</strong><br />emaslind männioksal</span>
      </li>
</ul>
</div>

<div class="clear s3sliderImage"></div> is missing after the last </li> tag. how to get it there?

#3 2010-06-17 07:53:16

colak

Admin

From: Cyprus

Registered: 2004-11-20

Posts: 9,254

Website GitHub Mastodon Twitter

Re: <txp:smd_gallery> plugin with s3Slider jquery plugin

Gallex wrote:

any ideas?

Did you try…

<div id="s3slider">
 <ul id="s3sliderContent">
<txp:smd_gallery category="linnud" sort="date asc">
<li class="s3sliderImage">
          <img src="{url}" alt="{alt}" title="{alt}" width="{width}" height="{height}" />
          <span><strong>{caption}</strong><br />{alt}</span>
      </li>
</txp:smd_gallery>
<div class="clear s3sliderImage"></div>
</ul>
</div>

Although I’m not sure that it will validate as the clear div is in the ul but not wrapped in a li

Last edited by colak (2010-06-17 07:54:58)

---

Yiannis
——————————
NeMe | hblack.art | EMAP | A Sea change | Toolkit of Care
I do my best editing after I click on the submit button.

#4 2010-06-17 08:55:51

Gallex

Member

Registered: 2006-10-08

Posts: 1,315

Re: <txp:smd_gallery> plugin with s3Slider jquery plugin

jebii! exactly what needed. thank’s

p.s. wrapped it into li, now it validates as well

Last edited by Gallex (2010-06-17 09:15:45)