By joao sausen on

Im trying to theme slideshow slider to something like that
http://imageshack.us/photo/my-images/62/slidert.jpg/
but i cant realize how to render images (the little dots) in the pager or something like that.

Thanks in advance.

⋅ Categories: Drupal 7.x

Comments

donnycarette’s picture

donnycarette commented

You could do this with CSS: the current pager items you give a text-indent so all text is gone and use a background image and set the height and with equal to the image you want to use.

joao sausen’s picture

joao sausen commented

thanks for the reply
i solved my question.

Just to clarify, i need ids on divs, cause i want a mouse over effect in the teaser to show/hide a image.

bonked’s picture

bonked commented

You're showing up high on google search results for this - and committing the cardinal sin of posting a question in a forum and cluttering search results.

There is nothing quite so disheartening as finding someone asking the specific question you have and having the final post be "Thanks, I found the solution." with no solution presented.

Care to share HOW you solved the issue?

---
"If you are thinking, you are winning. Resistance is victory"

joao sausen’s picture

joao sausen commented

sorry, i didnt find a solution to use the "dots" like
i used the "control widget" from slideshow views.
I edited the views-slideshow-controls-text-previous.tpl.php and views-slideshow-controls-text-next.tpl.php
to use custom arrows, u can even use images if u want.
You need to provide a z-index value or the arrow will stay behind your slideshow before the first image swap, (fade, etc...)
thats the css of mine arrows. the arent images

arrow {
    background-color: #37588B;
    color: white;
    cursor: pointer;
    margin-left: 577px;
    opacity: 0.2;
    padding-bottom: 77px;
    padding-top: 77px;
    position: absolute;
    z-index: 100;
}

https://picasaweb.google.com/104126594235339379398/Drupal
u can find here 2 prints of my slideshow

let me know if u need more help.