Академический Документы
Профессиональный Документы
Культура Документы
declare
cursor c_gallery_img is
select ATTACHMENT_RECID ID
from GN_ATTACHMENT;
l_buffer varchar2(30000);
begin
<!-- To move inline styles to css file/block, please specify a class name for each
element. -->
<div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 800px;
</div>
</div>
</div>
<div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width:
800px; height: 356px; overflow: hidden;">';
sys.htp.p(l_buffer);
loop
sys.htp.p('<div>');
sys.htp.p('</div>');
end loop;
sys.htp.p('</div>');
</span>
</span>
<div class="c"></div>
</div>
</div>
</div>
</div>
sys.htp.p(l_buffer);
end;
Inline CSS:
<style type="text/css">
/*
.jssora05l (normal)
.jssora05r (normal)
.jssora05l.jssora05ldn (mousedown)
.jssora05r.jssora05rdn (mousedown)
*/
.jssora05l, .jssora05r {
display: block;
position: absolute;
width: 40px;
height: 40px;
cursor: pointer;
overflow: hidden;
/*
.jssort01 .p (normal)
*/
.jssort01 {
position: absolute;
width: 800px;
height: 100px;
.jssort01 .p {
position: absolute;
top: 0;
left: 0;
width: 72px;
height: 72px;
.jssort01 .t {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
.jssort01 .w {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
.jssort01 .c {
position: absolute;
top: 0px;
left: 0px;
width: 68px;
height: 68px;
box-sizing: content-box;
_background: none;
.jssort01 .pav .c {
top: 2px;
_top: 0px;
left: 2px;
_left: 0px;
width: 68px;
height: 68px;
.jssort01 .p:hover .c {
top: 0px;
left: 0px;
width: 70px;
height: 70px;
.jssort01 .p.pdn .c {
width: 68px;
height: 68px;
* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
</style>
HTML Header:
<script>
jQuery(document).ready(function ($) {
var _SlideshowTransitions = [
//Fade in L
//Fade out R
//Fade in R
//Fade out L
//Fade in T
//Fade out B
//Fade in B
//Fade out T
//Fade in LR
//Fade out LR
//Fade in TB
//Fade out TB
//Fade in LR Chess
//Fade in TB Chess
//Fade in Corners
, { $Duration: 1200, x: 0.3, y: 0.3, $Cols: 2, $Rows: 2, $During: { $Left: [0.3, 0.7],
$Top: [0.3, 0.7] }, $ChessMode: { $Column: 3, $Row: 12 }, $Easing: { $Left:
$JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Opacity:
$JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
, { $Duration: 1200, x: 0.3, y: 0.3, $Cols: 2, $Rows: 2, $During: { $Left: [0.3, 0.7],
$Top: [0.3, 0.7] }, $SlideOut: true, $ChessMode: { $Column: 3, $Row: 12 }, $Easing:
{ $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Opacity:
$JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
//Fade Clip in H
//Fade Clip in V
, { $Duration: 1200, $Delay: 20, $Clip: 12, $Assembly: 260, $Easing: { $Clip:
$JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
, { $Duration: 1200, $Delay: 20, $Clip: 12, $SlideOut: true, $Assembly: 260,
$Easing: { $Clip: $JssorEasing$.$EaseOutCubic, $Opacity: $JssorEasing$.$EaseLinear },
$Opacity: 2 }
];
var options = {
},
},
};
//you can remove responsive code if you don't want the slider scales while
window resizes
function ScaleSlider() {
if (parentWidth)
else
window.setTimeout(ScaleSlider, 30);
ScaleSlider();
$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);
});
</script>