I need a slideshow

bashirnoori · 2013-01-19 04:05:17

Hi,
I’m designing a news website, and want to add a slideshow for home page
I tried some slideshow plugins, but couldn’t download !
Any one please help me for finding a nice slideshow
Thanks

colak · 2013-01-19 05:57:00

Hi Bashir

Here is a tip I posted on how to use the jquery cycle plugin with txp native tags.

bashirnoori · 2013-01-19 10:32:23

Hi,
Thank you for reply
But I need to have each title of news with the picture of slideshow, example here: aredp-mrrd.gov.af
Photo + Title of news

colak · 2013-01-19 10:59:51

the example you give looks very easy but – looking at the code – I don’t know if they are using a jquery plugin (or not). The best way is to search for jquery slideshow plugins, find one you like and we will help you to implement it in txp. This can usually be done by using only native tags.

bashirnoori · 2013-01-19 11:24:25

Here is a simple jquery slideshow with it’s caption:

1. http://slidesjs.com/examples/images-with-captions/
2. http://jquery.malsup.com/cycle/int2.html

Last edited by bashirnoori (2013-01-19 11:27:30)

colak · 2013-01-19 13:43:30

the code for the first one could be:

<div id="slides">
<div class="slides_container">
<txp:images category="the_image_category_you_wish_to_use_images_from" limit="10" sort="rand()">
<div class="slide">
<txp:img src="<txp:image_info type="id" />.<txp:image_info type="ext" /> title="<txp:image_info type="caption" />" alt="<txp:image_info type="alt" />" width="<txp:image_info type="w" />" height="<txp:image_info type="h"/>" />
<div class="caption" style="bottom:0"><p><txp:image_info type="caption" /></p></div>
</div>
</txp:images>
</div></div>

It is of course untested but I think that it will work.

colak · 2013-01-20 07:57:21

Hi Bashir, you clicked report instead of quote. This is what you wrote:

Sir,
I’ve added this, but after each slide another blank slide also appear:

<div id="slides">
<div class="slides_container">
<txp:images category="slide" limit="2" sort="rand()">
<div class="slide">
<img src="<txp:site_url />images/<txp:image_info type="id" /><txp:image_info type="ext" />" title="<txp:image_info type="caption" />" alt="<txp:image_info type="alt" />" width="<txp:image_info type="w" />" height="<txp:image_info type="h"/>" />
<div class="caption" style="bottom:0"><p><txp:image_info type="caption" /></p></div>
</div>
</txp:images>
</div></div>

But I need a slideshow for my news website, such as
I have a category of articles by the name of ‘NEWS’
Now want to show article titles of that NEWS category + image + has link with each slide.

If you use article_image you can change the code to this untested one.

<div id="slides">
<div class="slides_container">
<txp:article_custom category="NEWS" limit="5">
<div class="slide">
<txp:if_article_image><txp:permlink><txp:article_image /></txp:permlink></txp:if_article_image>
<div class="caption" style="bottom:0"><txp:if_custom_field name="article_image">
<p><txp:images id='<txp:custom_field name="article_image">'><txp:image_info type="caption" /></txp:images></p>
</txp:if_custom_field>
</div>
</div>
</txp:article_custom>
</div></div>

Also can you post a url on the page you are working on so as to help you more precisely?

bashirnoori · 2013-01-20 09:27:51

Hmmm I understood and solved my problem, Thank you sir
Liked the CMS :-)

colak · 2013-01-20 10:10:52

Looking at my code again maybe this would be more efficient..

<div id="slides">
<txp:article_custom category="NEWS" limit="5" wraptag="div" class="slides_container">
<div class="slide">
<txp:if_article_image><txp:permlink><txp:article_image /></txp:permlink>
<div class="caption" style="bottom:0"><p><txp:title /></p></div>
</txp:if_article_image>
</div>
</txp:article_custom>
</div>

JimJoe · 2013-01-30 00:42:44

I have more than one images folder on a site. How do I let the above pull from only one particular folder ?

Thanks !

colak · 2013-01-30 06:36:11

hi jim,

Have you created the extra folders using ftp or are they created ply a txp plugin?

sochicomputerRU · 2013-01-30 08:25:46

Hi, I’m using AnythingSlider

check it out @ http://www.sochicomputer.ru

AnythingSlider is free. There is also FlexSlider, also free. Just enter name into google to get those.

You can also purchase premium jQuery content sliders from http://codecanyon.net/category/javascript/sliders

I wanted to go the premium route but on my site I’m using prototype and scriptaculous and those do conflict with jQuery, so there is no guarantee they’d work. Free open source sliders I could just try and see what works. By the way neither AnythingSlider nor FlexSlider worked in IE with prototype, so I had to turn off prototype stuff in IE via CSS conditionals. Who uses IE anything, right? Especially IE 8 and IE 9, ewwwwww. I installed IE10 just because IE9 didn’t work, lol. Notice that in IE10 cyrillic links are shown as unicode rubbish, while in any good browser like Firefox or Chrome cyrillic links are in cyrillic.

Keep in mind this little compatibility thing with jQuery and prototype scripaculous.

Textpattern CMS

Textpattern CMS support forum

#1 2013-01-19 04:05:17

I need a slideshow

#2 2013-01-19 05:57:00

Re: I need a slideshow

#3 2013-01-19 10:32:23

Re: I need a slideshow

#4 2013-01-19 10:59:51

Re: I need a slideshow

#5 2013-01-19 11:24:25

Re: I need a slideshow

#6 2013-01-19 13:43:30

Re: I need a slideshow

#7 2013-01-20 07:57:21

Re: I need a slideshow

#8 2013-01-20 09:27:51

Re: I need a slideshow

#9 2013-01-20 10:10:52

Re: I need a slideshow

#10 2013-01-30 00:42:44

Re: I need a slideshow

#11 2013-01-30 06:36:11

Re: I need a slideshow

#12 2013-01-30 08:25:46

Re: I need a slideshow

Board footer