Autor |
Nachricht |
Alex
Threadersteller
Dabei seit: 28.11.2005
Ort: Dortmund
Alter: 37
Geschlecht:
|
Verfasst Do 15.07.2010 08:49
Titel Apple Slider |
|
|
Moin,
Ich bin grade dabei einen Slider im Apple style einzubauen
(original: http://www.apple.com/mac/ | jquery variante: http://jqueryfordesigners.com/demo/slider-gallery.html)
Bei der jQuery variante gibt es allerdings einen feinen Unterschied der mich fast davon abhält so etwas zu verwenden:
Der Text der Kategorien auf der Scrollbar ist markierbar
(Beim Original icht der Fall)
Gibt es eine Möglichkeit diese spans zwar im z-index höher als die bar zu haben, aber trotzdem nicht anwählbar oder ähnliches?
Bisher hat google bei mir nichts ergeben und die ganzen varianten mit mousover hide() - mouseout show() sind auch nicht das wahre...
|
|
|
|
|
Account gelöscht
Ort: -
Alter: -
|
Verfasst Do 15.07.2010 08:54
Titel
|
|
|
Was wäre den wenn du den Text als Bild einbindest?
|
|
|
|
|
Anzeige
|
|
|
Alex
Threadersteller
Dabei seit: 28.11.2005
Ort: Dortmund
Alter: 37
Geschlecht:
|
Verfasst Do 15.07.2010 09:09
Titel
|
|
|
Hat den selben effekt, dann würde kein Text mehr sondern jetzt das Bild markiert werden.
Schon probiert
Wenn ich mir die Apple vorlage auch anschaue, muss das auch irgendwie mit Text funktionieren...
Habe inzwischen alle Stylesheets durchsucht die mit den Elementen zu tun haben, aber bin auf nichts gestoßen was dafür verantwortlich ist...
|
|
|
|
|
SimonDerDude
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Do 15.07.2010 09:26
Titel
|
|
|
Code: | <script type="text/javascript">
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script> |
Das mit einer id oder class verbunden könnte das Problem lösen.
Allerdings muss der User JS aktiviert haben.
Der Firefox kann noch das:
Code: | -moz-user-select: none; |
|
|
|
|
|
Alex
Threadersteller
Dabei seit: 28.11.2005
Ort: Dortmund
Alter: 37
Geschlecht:
|
Verfasst Do 15.07.2010 09:31
Titel
|
|
|
Teilerfolg, die spans sind jetzt zwar nicht mehr anwählbar, aber den Slider kann man durch den span nicht anwählen und somit nicht verschieben.
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Do 15.07.2010 09:41
Titel
|
|
|
hm. was mir noch einfallen würde, wäre für den font über der leiste einfach mit cufon zu rendern. die damit erzeugten vektoren lassen sich nicht selektieren.
ist zwar ein dreckiger workaround, sollte aber funktionieren (sofern sich durch die canvas elemente von cufon der slider noch anwählen lässt).
Zuletzt bearbeitet von sahnemuh am Do 15.07.2010 09:43, insgesamt 1-mal bearbeitet
|
|
|
|
|
Alex
Threadersteller
Dabei seit: 28.11.2005
Ort: Dortmund
Alter: 37
Geschlecht:
|
Verfasst Do 15.07.2010 12:19
Titel
|
|
|
Ohne die Render-Variante jetzt getestet zu haben, nicht anwählbar ist schon mal gut, aber kann man auch "durchwählen"?
Wobei ich fast sagen kann, dass die Render-Methode nicht benutzt werden darf
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Do 15.07.2010 12:21
Titel
|
|
|
schau doch einfach mal bei apple wie sie die selektion verhindern.
|
|
|
|
|
|
|
|
Ähnliche Themen |
jQuery Info Slider (Content Slider)
Apple-Appstore: Falsche Apple-ID, ausgegraut nicht änderbar
[Hilfe] Apple Tastatur mit Apple-Shortcut's in Windows XP
Flash Slider
Slider with Autoplay
Slider mit Zeitleiste
|
|