Problem with coding the Slider [#1065052]

I recently recoded the slider so that i can add in my own images and links, however now the third image or link isn't appearing on the slider. Here is a copy of my code and the original.

Here is the original Slider Code:

Our Portfolio

Creation of Beaches

About iPadMasters

1
2
3

Here is my updated code:

Forums

Some Clarifications

A Few Guidelines

1
2
3

I don't quite know what is going on, nor can I find the problem in the code. Also my site is notquitefantasy.org if you would want to see the problem itself.

Thanks for any help!

Comments

Comment #1

b4ssm4st3r CreditAttribution: b4ssm4st3r commented 17 February 2011 at 19:56

The code, my mistake:
Here is the original Slider Code:

 <div class="main_view">
<div class="window">
<div class="image_reel">
<a href="?q=node/1"><img src="sites/all/themes/bluemasters/images/slide-image-1.jpg"></a>
<a href="?q=node/2"><img src="sites/all/themes/bluemasters/images/slide-image-2.jpg"></a>
<a href="?q=node/3"><img src="sites/all/themes/bluemasters/images/slide-image-3.jpg"></a>
</div>
<div class="descriptions">
<div class="desc" style="display: none;">Our Portfolio</div>
<div class="desc" style="display: none;">Creation of Beaches</div>
<div class="desc" style="display: none;">About iPadMasters</div>
</div>
</div>

<div class="paging" style="display: block;">
<a rel="1" href="#" class="">1</a>
<a rel="2" href="#" class="">2</a>
<a rel="3" href="#" class="">3</a>
</div>
</div>

Here is my updated code:

 <div class="main_view">
<div class="window">
<div class="image_reel">
<a href="http://notquitefantasy.info/forum"><img src="sites/all/themes/bluemasters/images/slide-image-1.jpg"></a>
<a href="http://notquitefantasy.info/some-clarification"><img src="sites/all/themes/bluemasters/images/slide-image-2.jpg"></a>
<a href="http://notquitefantasy.info/guidelines"><img src="sites/all/themes/bluemasters/images/slide-image-3.jpg"></a>
</div>
<div class="descriptions">
<div class="desc" style="display: none;">Forums</div>
<div class="desc" style="display: none;">Some Clarifications</div>
<div class="desc" style="display: none;">A Few Guidelines</div>
</div>
</div>

<div class="paging" style="display: block;">
<a rel="1" href="#" class="">1</a>
<a rel="2" href="#" class="">2</a>
<a rel="3" href="#" class="">3</a>
</div>
</div>

Comment #2

Jettzilla CreditAttribution: Jettzilla commented 22 February 2011 at 18:47

I'm having the same issue so I'm curious to see if this gets cleared up!

Comment #3

mcsolas CreditAttribution: mcsolas commented 24 February 2011 at 00:22

Me too.

Comment #4

Jettzilla CreditAttribution: Jettzilla commented 28 February 2011 at 20:10

So, no one has any ideas how to fix this? This is kind of a weird thing going on and if you guys are in the same boat as me then you can't put your site public with the last slide not working. As far as I can tell the coding is all right, just not sure what's going on.

Thanks in advance for any help :)

Comment #5

radj CreditAttribution: radj commented 8 March 2011 at 15:19

Same here! Adding a slide isn't as easy as I expected.

Comment #6

jorge.alves CreditAttribution: jorge.alves commented 11 March 2011 at 09:12

Hi Guys,

I am not a javascript expert, but I manage to fix it on myside editing line 12 (bluemasters.js)

from:
var imageSum = $(".image_reel img").size();
to:
var imageSum = $(".image_reel img").size() + 1;

just adding a +1 to line as I understand makes the last image fit the container, otherwise is shown below the class window (firebug)

Hope this helps :)

Jorge.Alves

Comment #7

Marcus 78 CreditAttribution: Marcus 78 commented 11 March 2011 at 11:52

Used the same solution with +1.
The new problem now is that the reel doesnt slide enough. It slides almost all the way but there is a gap that gets bigger for every slide it shows. This problem is only in IE ofcourse and in version 6. But since you guys have a similar problem i guess its the same issue here
Anybody else with that problem?

Comment #8

Jettzilla CreditAttribution: Jettzilla commented 15 March 2011 at 20:58

Hm, I tried the + 1 thing and it didn't change a thing. It's not coded wrong, i tried using the same picture in slide 2 that's working to test it and it still didn't show up. This is frustrating!

Comment #9

Jettzilla CreditAttribution: Jettzilla commented 15 March 2011 at 21:13

ok, so i'm just content keeping the names of the original images (slide-image-1...) and replacing them with my own images. it works fine as long as the names are the same--although I'll always be confused as to why it's ok with you recoding the names of the first 2 slider images and not the 3rd. Oh well, as long as there are pics up I'm happy!

so if anyone's still having trouble just try that