Pagination: I have dots, how do I remove the numbers?

[VisHorizons]

I have working pagination dots, but the numbers are still showing up. Here's my test:

http://www.storesmart.com/mm5/merchant.mvc?Screen=CTGY&Category_Code=test

 

How do I get rid of the pagination numbers?

 

Thanks for any help on this.

[STAVROS CHALARIS]

Do you have any news about this?

Can you please let me know how do you get the active link?

[VisHorizons]

Sorry, I haven't figured it out yet! I think I'll have to go back to one of the examples provided in the original download file and start from there. Erg.

[Thom van Ledden]

Here is a piece from my own project:

#images .slidesjs-pagination .slidesjs-pagination-item a{
  background:transparent url('images/SlideSelector.png') no-repeat scroll left center;
  height:1px;
  overflow:hidden;
  padding-top:20px;
  display:block;
  width:21px;
}
#images .slidesjs-pagination .slidesjs-pagination-item a.active{
  background-position:right center;
}

So the trick is to add the backgroundimage to the 'a', then a height of 1px, display block and a padding to stretch the 'a' up back to the size of your image ;-)
in my case i have an image including an active and a non-active dot.
I hope this will help ya out

Op donderdag 9 mei 2013 19:57:54 UTC+2 schreef VisHorizons het volgende:

[VisHorizons]

So it's basically shoving the text outside of the visible area? Huh. I came up with a different solution: set the font size to 0px. Seems to work, but I'm going with your solution. Thanks.

[stavroc]

I figure out with background image and color set to text link.

2013/5/13 VisHorizons <visho...@gmail.com>

So it's basically shoving the text outside of the visible area? Huh. I came up with a different solution: set the font size to 0px. Seems to work, but I'm going with your solution. Thanks.

--
You received this message because you are subscribed to a topic in the Google Groups "SlidesJS" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/slidesjs/vHcFnLmvETE/unsubscribe?hl=en.
To unsubscribe from this group and all its topics, send an email to slidesjs+u...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
 
 

[Thom van Ledden]

Thats an option, but not all browsers can use fontsize 0px, in some cases you can still see tiny numbers in there. I used to do the same untill i found this solution..
Another way is to use text-indent:-999999 which pushes it out of the screen!

Op maandag 13 mei 2013 19:47:29 UTC+2 schreef VisHorizons het volgende:

[VisHorizons]

Yeah, I had a feeling that font-size:0px wasn't a perfect solution. I'm using your suggestion. Thanks.

[Mark Bubel]

Hi, you don't need to use CSS at all. If you don't want the numbers to show up, open up the slides.js code and make this change. Note that I'm assuming you're using the latest, minfied version of slides.js - version 3.0.

Find in code: .appendTo(e),d=a("<a>",{href:"#","data-slidesjs-item":b,html:b+1})

Change to: .appendTo(e),d=a("<a>",{href:"#","data-slidesjs-item":b /*,html:b+1*/ }) 

You're slides will still function, but the anchor tags in each list item won't contain the slide number. Make sure you comment out the comma directly after 'b' value. Also, since you;re not changing the href value for each anchor tag, you can still click on each one to move to that slide.