PDA

View Full Version : Looking for similar slideshow



BorisPD
08-07-2011, 09:14 AM
I'm looking for slideshow that looks kinda like this..when he clicks on some of the arrows it changes the text and image...
It doesn't need to looks exactly like this,I will modificate it a little bit...
http://gfxf.net/di-J1LL.png

XManBG
08-07-2011, 09:56 AM
Hi,

what are you looking for?
Some JS code to do the picture slide and text change?!
Please define better your imagination...

BorisPD
08-07-2011, 10:38 AM
I'm looking for some script when someone clicks on "next" arrow that then automatically changes the image and text...and when clicks on "previous" arrow that then it returns previous text and image...
basicly I'm looking for slideshow that changes the text and image..

XManBG
08-07-2011, 01:18 PM
Do you understand HTML and JS, respectively jQuery?? Can you eventually read and follow code, and later change it accordingly to your task??

ggalan
08-07-2011, 02:00 PM
have you tried this
http://jquery.malsup.com/cycle/begin.html

BorisPD
08-08-2011, 04:08 PM
have you tried this
http://jquery.malsup.com/cycle/begin.html
Thanks for this,I made slideshow :)
But I have a problem now...look the image
http://gfxf.net/di-QDO7.jpg
When I add some slideshow(for image or text)..I must add it like this..

<table cellspacing="0">
<tr><td>
<div id="s2" class="pics">
<img src="img/slide/1.jpg" style="height:300px; width:550px;"/>
<img src="img/slide/2.jpg" style="height:300px; width:550px;"/>
<img src="img/slide/3.jpg" style="height:300px; width:550px;"/>
</div><br />
<pre><code class="mix" style="display:none;">$('#s2').cycle({
fx: 'fade',
speed: 2500
});</code></pre>
</td></tr>
</table>
If I delete some part of the code,it just goes crazy,then there are only images,no slideshow..
If the code looks like this

<div id="s2" class="pics">
<img src="img/slide/1.jpg" style="height:300px; width:550px;"/>
<img src="img/slide/2.jpg" style="height:300px; width:550px;"/>
<img src="img/slide/3.jpg" style="height:300px; width:550px;"/>
</div><br />
<pre><code class="mix" style="display:none;">$('#s2').cycle({
fx: 'fade',
speed: 2500
});</code></pre>
images are on the place they should be..but there is no slideshow,it looks like this..
http://gfxf.net/di-4OPR.jpg
Does anyone know the solution?

ggalan
08-08-2011, 11:03 PM
I'm not understanding what you are getting at, can you rephrase your comment please.

jscheuer1
08-09-2011, 12:39 AM
Please post a link to a page on your site that contains the problematic code so we can check it out.

BorisPD
08-10-2011, 08:09 AM
Here is the URL of the website..You can see how image slideshow is a little bit down there...
http://cistorekreativno.webege.com/

XManBG
08-10-2011, 07:37 PM
On that site, I'm seeing pictures and text changing with fall-out/fall-in effect. Is that not what you are looking for?!


Here is the URL of the website..You can see how image slideshow is a little bit down there...
http://cistorekreativno.webege.com/

BorisPD
08-11-2011, 09:55 AM
That's exactly what I'm looking for..
But do you see how the image slideshow is not where it is supposed to be..this is how it looks like
http://gfxf.net/di-QDO7.jpg

XManBG
08-13-2011, 06:22 PM
I see. I don't understand, why do you need one div inside a table cell inside a paragraph <p> inside your slider div :confused: ?! Try just to simplify your code by removing the table and the paragraph... and leave only both div-s.

Otherwise, it just looks like the paddings (or margins) are not 0px.

BorisPD
08-13-2011, 09:09 PM
I'm such an idiot,all I had to do is to delete paragraph...thanks dude you helped me A LOT