هذ الكود ليس عرض لصور ة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

كود عرض النصوص والصورة او التعليقات او حتى موجز من الصفحات اختار ما يناسب موقعك
اليك الكود

<html dir="rtl">

<head>
<title></title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>



<script type="text/javascript">

jQuery.noConflict()

var featuredcontentglider={
leftrightkeys: [37, 39],
csszindex: 100,
ajaxloadingmsg: '<b>Fetching Content. Please wait...</b>',

glide:function(config, showpage, isprev){
var selected=parseInt(showpage)
if (selected>=config.$contentdivs.length){
alert("No content exists at page "+(selected+1)+"! Loading 1st page instead.")
selected=0
}
var $target=config.$contentdivs.eq(selected)

if (config.$togglerdiv.attr('lastselected')==null || parseInt(config.$togglerdiv.attr('lastselected'))!=selected){
var $selectedlink=config.$toc.eq(selected)
config.nextslideindex=(selected<config.$contentdivs.length-1)? selected+1 : 0
config.prevslideindex=(selected==0)? config.$contentdivs.length-1 : selected-1
config.$next.attr('loadpage', config.nextslideindex+"pg")
config.$prev.attr('loadpage', config.prevslideindex+'pg')
var startpoint=(isprev=="previous")? -config.startpoint : config.startpoint
$target.css(config.leftortop, startpoint).css("zIndex", this.csszindex++)
var endpoint=(config.leftortop=="left")? {left:0} : {top:0}
$target.animate(endpoint, config.speed)
config.$toc.removeClass('selected')
$selectedlink.addClass('selected')
config.$togglerdiv.attr('lastselected', selected+'pg')
}
},

getremotecontent:function($, config){
config.$glider.html(this.ajaxloadingmsg)
$.ajax({
url: config.remotecontent,
error:function(ajaxrequest){
config.$glider.html('Error fetching content.<br />Server Response: '+ajaxrequest.responseText)
},
success:function(content){
config.$glider.html(content)
featuredcontentglider.setuptoggler($, config)
}
})
},

aligncontents:function($, config){
config.$contentdivs=$("#"+config.gliderid+" ."+config.contentclass)
config.$contentdivs.css(config.leftortop, config.startpoint).css({height: config.$glider.height(), visibility: 'visible'}) //position content divs so they're out of view:
},

setuptoggler:function($, config){
this.aligncontents($, config)
config.$togglerdiv.hide()
config.$toc.each(function(index){
$(this).attr('pagenumber', index+'pg')
if (index > (config.$contentdivs.length-1))
$(this).css({display: 'none'})
})
var $nextandprev=$("#"+config.togglerid+" .next, #"+config.togglerid+" .prev")
$nextandprev.click(function(event){
featuredcontentglider.glide(config, this.getAttribute('loadpage'), this.getAttribute('buttontype'))
event.preventDefault()
})
config.$toc.click(function(event){
featuredcontentglider.glide(config, this.getAttribute('pagenumber'))
event.preventDefault()
})
config.$togglerdiv.fadeIn(1000, function(){
featuredcontentglider.glide(config, config.selected)
if (config.autorotate==true){
config.stepcount=0
config.totalsteps=config.$contentdivs.length*config.autorotateconfig[1] //Total steps limit: num of contents x num of user specified cycles)
featuredcontentglider.autorotate(config)
}
})
config.$togglerdiv.click(function(){
featuredcontentglider.cancelautorotate(config.togglerid)
})
if (this.leftrightkeys.length==2){
$(document).bind('keydown', function(e){
featuredcontentglider.keyboardnav(config, e.keyCode)
})
}
},

autorotate:function(config){
var rotatespeed=config.speed+config.autorotateconfig[0]
window[config.togglerid+"timer"]=setInterval(function(){
if (config.totalsteps>0 && config.stepcount>=config.totalsteps){
clearInterval(window[config.togglerid+"timer"])
}
else{
featuredcontentglider.glide(config, config.nextslideindex, "next")
config.stepcount++
}
}, rotatespeed)
},

cancelautorotate:function(togglerid){
if (window[togglerid+"timer"])
clearInterval(window[togglerid+"timer"])
},

keyboardnav:function(config, keycode){
if (keycode==this.leftrightkeys[0])
featuredcontentglider.glide(config, config.prevslideindex, "previous")
else if (keycode==this.leftrightkeys[1])
featuredcontentglider.glide(config, config.nextslideindex, "next")
if (keycode==this.leftrightkeys[0] || keycode==this.leftrightkeys[1])
featuredcontentglider.cancelautorotate(config.togglerid)
},

getCookie:function(Name){
var re=new RegExp(Name+"=[^;]+", "i")
return document.cookie.match(re)[0].split("=")[1]
return null
},

setCookie:function(name, value){
document.cookie = name+"="+value
},

init:function(config){
jQuery(document).ready(function($){
config.$glider=$("#"+config.gliderid)
config.$togglerdiv=$("#"+config.togglerid)
config.$toc=config.$togglerdiv.find('.toc')
config.$next=config.$togglerdiv.find('.next')
config.$prev=config.$togglerdiv.find('.prev')
config.$prev.attr('buttontype', 'previous')
var selected=(config.persiststate)? featuredcontentglider.getCookie(config.gliderid) : config.selected
config.selected=(isNaN(parseInt(selected))) ? config.selected : selected //test for cookie value containing null (1st page load) or "undefined" string
config.leftortop=(/up/i.test(config.direction))? "top" : "left" //set which CSS property to manipulate based on "direction"
config.heightorwidth=(/up/i.test(config.direction))? config.$glider.height() : config.$glider.width() //Get glider height or width based on "direction"
config.startpoint=(/^(left|up)/i.test(config.direction))? -config.heightorwidth : config.heightorwidth //set initial position of contents based on "direction"
if (typeof config.remotecontent!="undefined" && config.remotecontent.length>0)
featuredcontentglider.getremotecontent($, config)
else
featuredcontentglider.setuptoggler($, config)
$(window).bind('unload', function(){
config.$togglerdiv.unbind('click')
config.$toc.unbind('click')
config.$next.unbind('click')
config.$prev.unbind('click')
if (config.persiststate)
featuredcontentglider.setCookie(config.gliderid, config.$togglerdiv.attr('lastselected'))
config=null

})
})
}
}
featuredcontentglider.init({
gliderid: "canadaprovinces",
contentclass: "glidecontent",
togglerid: "p-select",
remotecontent: "",
selected: 0,
persiststate: false,
speed: 500,
direction: "downup",
autorotate: true,
autorotateconfig: [3000, 2]
})

</script>

</head>

<style type="text/css">
.glidecontentwrapper{
position: relative;
width:350px;
height: 230px;
border: 5px solid #687C98;
overflow: hidden;
}

.glidecontent{
position: absolute;
background:#F0FFF0;
padding: 10px;
visibility: hidden;
width:350px;
}

.glidecontenttoggler{
width: 360px;
margin-top: 6px;
text-align: center;}

.glidecontenttoggler a{
display: -moz-inline-box;
display: inline-block;
border:1px solid black;
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}

</style>


<body>


<div id="canadaprovinces" class="glidecontentwrapper">

<div align="center" class="glidecontent">
<img src="https://i.servimg.com/u/f32/17/82/24/96/besm12.gif" width="300" height="300" alt="" />
</div>

<div align="center" class="glidecontent">
<img src="https://i.servimg.com/u/f32/17/82/24/96/besm12.gif" width="300" height="300" alt="" />

</div>

<div align="center" class="glidecontent">
<img src="https://i.servimg.com/u/f32/17/82/24/96/besm12.gif" width="300" height="300" alt="" />

</div>
</div>
<div id="p-select" class="glidecontenttoggler">
<a href="#" class="prev">السابق</a>
<a href="#" class="toc">صفحة 1</a> <a href="#" class="toc">صفحة2</a> <a href="#" class="toc">صفحة 3</a>
<a href="#" class="next">التالي</a>
</div>
</body>

</html>

كود طويل صح

» هذا الكود عكس عمل الكود الماضى
» ان اردت ان تقول شيئ لزوار موقعك اليك الكود

مكتب ديكور و تشطيب (شركه عقاري للتشطيبات والديكور)

تقدم احدث الموديلات

…

[ قراءة كاملة ]

شركات ديكور في المهندسين ( عقاري للاسكان 01020115119)

تقدم شركة عقاري للاسكان …

[ قراءة كاملة ]

سأتحدث عن الإيمان الكامل بان
ما يحرمه الله عن البشر ..

فهو بالتأكيد لمصلحة البشر …

[ قراءة كاملة ]