CSS Text Replacement
- Started
- Last post
- 3 Responses
- Shepstar15
I wan't to make a small Slideshow with jquery, which you can see here:
http://www.ideen-reich.com/cycle…
Here the css:
http://www.ideen-reich.com/jqcyc…
The numbers should not be shown in the slideshow.I also tried the css text image replacement:
http://www.kryogenix.org/code/br…But somehow I can't get it to work. If anybody could give me a little help, it would be great.
Thanks
- trooper0
this help?
<div style="position:relative;width:10px;height:10px">
foo
<span style="position:absolute;top:0;left:0;width:10px;height:10px;display:block">
bar
</span>
</div>
- neverblink0
in script/jquery.cycle.all.js?v2.23 you will find the following:
-- start code --
$.fn.cycle.createPagerAnchor = function(i, el, $p, els, opts) {
var $a = (typeof opts.pagerAnchorBuilder == 'function')
? $(opts.pagerAnchorBuilder(i,el))
: $('<a href="#">'+(i+1)+'</a>');
-- end code --see that last line? if you replace the "(i+1)" with " " This will change the number into a space. But I think you want it to be an empty bullet right? Just change the "(i+1)" with the empty bullet image, for example: "<img src="images/emptybullet.gif" alt="i+1" />"
- Shepstar150
Great works fine, thanks for the help "neverblink", i really appreciate it.