crazyniels
Gebruiker
- Lid geworden
- 11 nov 2010
- Berichten
- 63
Beste helpijers,
ik heb een site waar mensen een eigen profiel kunnen maken en ook een eigen slideshow.
ik heb hier onder de code gezet voor de code voor mijn sildeshow. deze werkt helemaal. maar hoe kan ik deze foto's verwijderden van mij sql server en de afbeelding verwijderen van mijn server. (dit moet de gebruiker zelf kunnen doen)
Mochten er nog vragen zijn hoor ik het graag.
alvast bedankt.
[JS]<script>
//$('#t19').click(function() {
//test4
//});
// AUTOMATIC Slide Show
slideshow();
function slideshow() {
// Store Current Image
var current = $('img.show');
knop = 0;
knopp = 2;
$('.button_Start').addClass('red')
// Store Next Image
$(current).click(function() {
//var id = $(this).closest('.slideshow').find('img').data('show');
//alert('test0 '+id )
var index = $( 'img.show' ).index( this );
//$( "span" ).text( "That was div index #" + index );
//alert('test1 '+index )
})
if (current.next().length == 1) {
var next = current.next();
}
else {
var next = current.siblings().first();
}
// Hide Current Image
current.hide().removeClass('show');
// Fade in Next Image
next.fadeIn().addClass('show');
slidetime = setTimeout(slideshow, 5000);
}
// PREVIOUS Button
$('.button_prev').click(function() {
$('.button_Pauze').addClass('red');
$('.button_Start').removeClass('red');
knopp = 0;
// Store Current Image
var current = $('img.show');
// Store Previous Image
if (current.prev('img').length == 1) {
var prev = current.prev('img');
}
else {
var prev = current.siblings('img').last();
}
// Hide Current Image
current.hide("slide",{direction:"right"},400).removeClass('show');
// Fade in Next Image
prev.delay(400).show("slide",{direction:"left"},400).addClass('show');
$('.button_test') .html('start');
knop = 1;
clearTimeout(slidetime)
});
// NEXT Button
$('.button_next').click(function() {
$('.button_Pauze').addClass('red');
$('.button_Start').removeClass('red');
knopp = 0;
// Store Current Image
var current = $('img.show');
// Store Next Image
if (current.next('img').length == 1) {
var next = current.next('img');
}
else {
var next = current.siblings('img').first();
}
// Hide Current Image
current.hide("slide",{direction:"left"},500).removeClass('show');
// Fade in Next Image
next.delay(500).show("slide",{direction:"right"},500).addClass('show');
$('.button_test') .html('start');
clearTimeout(slidetime);
knop = 1;
});
/*
$('.button_test').click(function() {
if(knop==1){
var $this = $(this);
$this.toggleClass('button_test');
if($this.hasClass('button_test')){
clearTimeout(slidetime);
$this.text('Start')
alert('test1');
} else {
slideshow();
$this.text('Stop');}
}else{
var $this = $(this);
$this.toggleClass('button_test');
if($this.hasClass('button_test')){
slideshow();
$this.text('Stop')
alert('test2');
} else {
clearTimeout(slidetime);
$this.text('Start');
}
}});
*/
// Pauze Button
$('.button_Pauze').click(function() {
clearTimeout(slidetime)
$('.button_Start').removeClass('red')
$('.button_Pauze').addClass('red')
knopp=0;
});
$('.button_Start').click(function() {
if(knopp==2){//alert('test2')
}else{
slideshow();
$('.button_Pauze').removeClass('red')
$('.button_Start').addClass('red')
//knopp=2;
}});
</script>[/JS]
ik heb een site waar mensen een eigen profiel kunnen maken en ook een eigen slideshow.
ik heb hier onder de code gezet voor de code voor mijn sildeshow. deze werkt helemaal. maar hoe kan ik deze foto's verwijderden van mij sql server en de afbeelding verwijderen van mijn server. (dit moet de gebruiker zelf kunnen doen)
Mochten er nog vragen zijn hoor ik het graag.
alvast bedankt.
PHP:
<div class="slideshow">
<?php
$i='1';
$mydata500 = mysql_query("SELECT * FROM ufoto WHERE Uid='".$SID."'");
while($record500 = mysql_fetch_array($mydata500)){
$DQFoto = $record500['FotoLocatie'];
$DQFotoid = $record500['Pid'];
$FotoDisplay = "";
$FotoDisplay.='<img class="show" id="'.$i.'" src="'.$DQFoto.'"/>';
$i++;
echo $FotoDisplay ;
}
?>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<style>
.slideshow { height:250px; width:333px; overflow:hidden;border-radius:10px; border: solid 5px; border-color:#B5B5B5; background-image:url(../foto%27s/ajax-loader.gif); background-repeat:no-repeat; background-position:center}
.slideshow img { height:250px; width:333px; display:none;}
.red
{
background-color:red; border-left:3px solid #666; border-right:3px solid #CCC; border-bottom:3px solid #CCC; border-top:3px solid #666; */
}
</style>
<button id="Button" class="button_prev" style="margin-left:40px; margin-top:15px">Vorige</button>
<button id='123' class="button_Pauze" onclick="Pauze()">Pauze</button>
<button id='1234' class="button_Start" onclick="Start()">Start</button>
<!-- <button id='Button2' class="button_test" onclick="Start()">Stop</button>-->
<button id="Button" class="button_next">Volgende</button>
<button id="t19" >verwijderen</button>[JS]<script>
//$('#t19').click(function() {
//test4
//});
// AUTOMATIC Slide Show
slideshow();
function slideshow() {
// Store Current Image
var current = $('img.show');
knop = 0;
knopp = 2;
$('.button_Start').addClass('red')
// Store Next Image
$(current).click(function() {
//var id = $(this).closest('.slideshow').find('img').data('show');
//alert('test0 '+id )
var index = $( 'img.show' ).index( this );
//$( "span" ).text( "That was div index #" + index );
//alert('test1 '+index )
})
if (current.next().length == 1) {
var next = current.next();
}
else {
var next = current.siblings().first();
}
// Hide Current Image
current.hide().removeClass('show');
// Fade in Next Image
next.fadeIn().addClass('show');
slidetime = setTimeout(slideshow, 5000);
}
// PREVIOUS Button
$('.button_prev').click(function() {
$('.button_Pauze').addClass('red');
$('.button_Start').removeClass('red');
knopp = 0;
// Store Current Image
var current = $('img.show');
// Store Previous Image
if (current.prev('img').length == 1) {
var prev = current.prev('img');
}
else {
var prev = current.siblings('img').last();
}
// Hide Current Image
current.hide("slide",{direction:"right"},400).removeClass('show');
// Fade in Next Image
prev.delay(400).show("slide",{direction:"left"},400).addClass('show');
$('.button_test') .html('start');
knop = 1;
clearTimeout(slidetime)
});
// NEXT Button
$('.button_next').click(function() {
$('.button_Pauze').addClass('red');
$('.button_Start').removeClass('red');
knopp = 0;
// Store Current Image
var current = $('img.show');
// Store Next Image
if (current.next('img').length == 1) {
var next = current.next('img');
}
else {
var next = current.siblings('img').first();
}
// Hide Current Image
current.hide("slide",{direction:"left"},500).removeClass('show');
// Fade in Next Image
next.delay(500).show("slide",{direction:"right"},500).addClass('show');
$('.button_test') .html('start');
clearTimeout(slidetime);
knop = 1;
});
/*
$('.button_test').click(function() {
if(knop==1){
var $this = $(this);
$this.toggleClass('button_test');
if($this.hasClass('button_test')){
clearTimeout(slidetime);
$this.text('Start')
alert('test1');
} else {
slideshow();
$this.text('Stop');}
}else{
var $this = $(this);
$this.toggleClass('button_test');
if($this.hasClass('button_test')){
slideshow();
$this.text('Stop')
alert('test2');
} else {
clearTimeout(slidetime);
$this.text('Start');
}
}});
*/
// Pauze Button
$('.button_Pauze').click(function() {
clearTimeout(slidetime)
$('.button_Start').removeClass('red')
$('.button_Pauze').addClass('red')
knopp=0;
});
$('.button_Start').click(function() {
if(knopp==2){//alert('test2')
}else{
slideshow();
$('.button_Pauze').removeClass('red')
$('.button_Start').addClass('red')
//knopp=2;
}});
</script>[/JS]
