Mouseover-Effekt für WP-Syntax
Mein WordPress Plugin, WP-Syntax-Effect, fügt einen einfachen mouseover Effekt für WP-Syntax hinzu. Dabei skaliert es beim Überfahren des Quellcodes die Ansicht auf die Quellcode-Breite.
Demo
1 2 3 4 5 6 7 8 9 | <?php echo "Ein langer Text, Ein langer Text, Ein langer Text, Ein langer Text, Ein langer Text"; function test() { echo "zu Lang, zu Lang, zu Lang, zu Lang, zu Lang, zu Lang, zu Lang, zu Lang, zu Lang"; } ?> |
paulo sagt
am 15. September 2011 @ 21:42
I like it! Can you please provide the source code of the snipet Demo above?
Danke,
Paulo
Alex sagt
am 18. September 2011 @ 13:15
Hello paulo,
the source code / this plugin can be downloaded @ the link in article. (Download -> WP-Syntax-Effect)
Luke sagt
am 18. September 2011 @ 16:03
Hello,
This is an excellent plugin! I just have one suggestion for the developer… it might help to update the js file with a z-index for the mouse-over function.
In the css if you don’t specify a z-index: 1 for the popup it is possible parts of it will be hidden behind other elements on the webpage (it happened to me). The easy fix for this is just to add a z-index to the CSS so the popup box will always display on top of any other element.
Here’s the mod I did which works perfect now:
jQuery(this).css({‚position‘:’relative‘, ‚z-index‘:’1′, ‚box-shadow‘:’5px 5px 5px #888′, ‚width‘:(w > hw ? hw : w)+’px‘});
Thanks again for the great plug-in it is so helpful.
admin sagt
am 18. September 2011 @ 19:16
Thank you for your note.
I’ve updated the plugin but with z-index: 9999. Because the higher the number, the farther forward is the element.
Luke sagt
am 21. September 2011 @ 16:21
Hey thank you for the fast update as well. That was much appreciated.
I gave your plugin a 5-star rating on WordPress as well because it’s very good 🙂
M3d1c5 sagt
am 3. Oktober 2011 @ 11:37
Schönes Plugin. 🙂
Kann man die Skalierung auf die Breite des Quelltextes auch wieder rückgängig machen? (MouseOut)
admin sagt
am 5. Oktober 2011 @ 14:16
Normalerweise sollte das passieren.
Welchen Browser benutzt du denn?
Britt sagt
am 4. November 2011 @ 09:16
Can this be used with images when you mouseover the larger image will appear? Thanks.
Andi sagt
am 29. Juni 2014 @ 16:21
Das Plugin ist wirklich nicht schlecht. Leider gibt es nicht viele in der Richtung „Mouse Over Effekte“. Vielen Dank auf jeden Fall!