De antemano gracias por contestar Me da error si le coloco onblur pero lo coloque así blur no me da error pero me guarda el código en la base de datos pero la foto no me la toma
$(document).ready(function(){
var camera = $('#camera'),
photos = $('#photos'),
screen = $('#screen');
var template = '<a href="uploads/original/{src}" rel="cam" '
+'style="background-image:url(uploads/thumbs/{src})"></a>';
/*----------------------------------
Configuración de la cámara web
----------------------------------*/
webcam.set_swf_url('assets/webcam/webcam.swf');
webcam.set_api_url('upload.php'); //El script de carga webcam.set_api_url('upload.php');
webcam.set_quality(80); //JPEG Photo Quality
webcam.set_shutter_sound(true, 'assets/webcam/shutter.mp3');
// Generar el código de inserción y de añadir a la página:
screen.html(
webcam.get_html(screen.width(), screen.height())
);
/*----------------------------------
Detectores de eventos de unión
----------------------------------*/
var shootEnabled = false;
$('#formulario').blur (function(){
if(!shootEnabled){
return false;
}
webcam.snap();
togglePane();
return false;
});
$('#cancelButton').click(function(){
webcam.reset();
togglePane();
return false;
});
$('#formulario').blur(function(){
webcam.snap();
webcam.reset();
togglePane();
return false;
});
camera.find('.settings').select(function(){
if(!shootEnabled){
return false;
}
webcam.configure('camera');
});
// Mostrar y ocultar el panel de la cámara:
var shown = false;
$('.camTop')(function(){
$('.tooltip').fadeOut('fast');
if(shown){
camera.animate({
bottom:-466
});
}
else {
camera.animate({
bottom:-5
},{easing:'easeOutExpo',duration:'slow'});
}
shown = !shown;
});
$('.tooltip').mouseenter(function(){
$(this).fadeOut('fast');
});
/*----------------------
Devoluciones de llamada
----------------------*/
webcam.set_hook('onLoad',function(){
// Cuando se carga el flash, permiten
// Los botones de configuración y Shoot:
shootEnabled = true;
});
webcam.set_hook('onComplete', function(msg){
// Esta respuesta es devuelto por upload.php
// Y que tiene el nombre de la imagen en un
// JSON formato de objeto:
msg = $.parseJSON(msg);
if(msg.error){
alert(msg.message);
}
else {
// Añadir a la página;
photos.prepend(templateReplace(template,{src:msg.filename}));
initFancyBox();
}
});
webcam.set_hook('onError',function(e){
screen.html(e);
});
/*-------------------------------------
Rellenar la página con imágenes
-------------------------------------*/
var start = '';
function loadPics(){
// Esto es cierto cuando se llama loadPics
// Como un controlador de eventos para el botón LoadMore:
if(this != window){
if($(this).html() == 'Loading..'){
// La prevención más que un clic
return false;
}
$(this).html('Loading..');
}
// La emisión de una petición AJAX. El parámetro de inicio
// Está vacío o contiene el nombre de la primera
// Imagen que se mostrará. Útil para paginación:
$.getJSON('browse.php',{'start':start},function(r){
photos.find('a').show();
var loadMore = $('#loadMore').detach();
if(!loadMore.length){
loadMore = $('<span>',{
id : 'loadMore',
html : 'Load More',
blur : loadPics
});
}
$.each(r.files,function(i,filename){
photos.append(templateReplace(template,{src:filename}));
});
// Si hay una página siguiente con imágenes:
if(r.nextStart){
// r.nextStart contiene el nombre de la imagen
// Que viene después de la última que se muestra actualmente.
start = r.nextStart;
photos.find('a:last').hide();
photos.append(loadMore.html('Load More'));
}
//Tenemos que FancyBox reiniciar cada
// Vez que agregamos nuevas fotos a la página:
initFancyBox();
});
return false;
}
// Llamar automáticamente a loadPics
// Rellenar la página onload:
loadPics();
/*----------------------
funciones auxiliares
------------------------*/
// Esta función inicializa el
// FancyBox script de lightbox.
function initFancyBox(filename){
photos.find('a:visible').fancybox({
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'overlayColor' : '#111'
});
}
// Esta función activa o desactiva los dos
// ButtonPane divs en la visibilidad: visible
function togglePane(){
var visible = $('#camera .buttonPane:visible:first');
var hidden = $('#camera .buttonPane:hidden:first');
visible.fadeOut('fast',function(){
hidden.show();
});
}
// Función para reemplazar / Helper "{KEYWORD}" con
// Los valores de respeto de un objeto:
function templateReplace(template,data){
return template.replace(/{([^}]+)}/g,function(match,group){
return data[group.toLowerCase()];
});
}
});