====== Camera Slider PRO ====== **Autor:** Claus Szypura (update) http://phoenixmedia.de //2015/02/10 // \\ Here are some examples what you can do with the **PRO** Version:\\ Of course it's possible to * make your slider respond to screen sizes * or make it fixed in size ==== But the really cool things are these: ==== * position your captions * style your captions * change widths and heights * add one or more css classes * throw in some {SHOW_CONTENT:CP,ID,ID} * Add content that is by far much longer than your defined slider height and get nice scrollers Not enough, that you can do this - it's even possible to do it with every single slide - in a different manner! ==== Have a look at the backend ==== {{:3rd-party-modules:sliderjs:sliderjs_pro:apple.png|}} ==== And this could be some CSS ==== .no_1 { background:#000; background-position:fixed; padding: 0 5px; width:50%; left:3%; bottom:3%; position:absolute; height:auto; opacity:.7; border:4px solid #fff; } .no_1 a:link, .no_1 a:visited, .no_1 a:hover, .no_1 a:active{ background-color: #AD000B; color: #fff; padding:0 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; font-weight:bold; } ==== to make it look something like this: ==== \\ {{:3rd-party-modules:sliderjs:sliderjs_pro:apple-front.jpg|}} ==== Now some show_content ==== {{:3rd-party-modules:sliderjs:sliderjs_pro:unserland.jpg|}} and all images are clickable! You saw that nice scroller? Content bigger than the original image area isn't out of sight. ==== Endless possibilities ==== {{:3rd-party-modules:sliderjs:sliderjs_pro:newsletter.jpg|}} Promised!