DeBing

Yeah I am glad about it too. But there are some differences with the access token handling in the /includes/publish_to_facebook.php between the lite and normal version. But I did not extra looked it up in detail, I was just manipulating the descriptions, so none is set xD. I got a photoblog and I don’t want to publish the posts with a description and have to set it to empty, otherwise the description are the assigned tags and this is confusing for others. An option here would be great but it only would make sense for photoblogs (so no prior xD).

Thanks again for this great plugin!

And the publishing works with facebook, but only with WPBook Lite. I need no canvas so I will use the Lite Version but it seems, that the problem with the access token is not resolved with the normal version of WPBook.

So far!

There are no problems with WPBook Lite. I have not changed my settings in my facebook application but WPBook Lite can generate a long live access token, or the message just doesn’t pop up. Deactivating Lite and activating the normal version brings me the earlier behaviour with the 2h valid access token.

After some testing and still working on my new blog architecture I have a guideline for you, if you are still interested in a migration. I would be happy for some comments and links if you have followed the migration guide ??
English:
https://do-not-read.me/en/72-migration-photoq-zu-yapb
German:
https://do-not-read.me/72-migration-photoq-zu-yapb

Hi @bobs1982, I have downloaded your new version 2.2 and installed it into a fresh wordpress installation beside the YAPB main plugin. And I got the same error that the map is not visible but the div was inserted correctly. The plugin inserts the div even using the automatic usage routine for the map (inserting it at the end of the post) instead of using the short code. The map will be only shown if I use the static (in the default settings or in the short code) option, but this is not what I need. Furthermore if the default settings for the width of the map is set to 100% and the static option is enabled, the static map picture has a width of 100px.

I really hope you can help me.

I am interested too, about an automated importing process of a lot of posts/data from PhotoQ to YAPB.

Got the same problem, but only since a few days. Using WordPress 3.1.3. Last successfull post to the facebook wall and page wall was Sept. 20th.

Fixed it by using flash overriding functions of another plugin.

I’ve edited the coin-slider.js and set all background-repeat to no-repeat and sets the image to center position:

/**
 * Coin Slider - Unique jQuery Image Slider
 * @version: 1.0 - (2010/04/04)
 * @requires jQuery v1.2.2 or later
 * @author Ivan Lazarevic
 * Examples and documentation at: https://workshop.rs/projects/coin-slider/

 * Licensed under MIT licence:
 *   https://www.opensource.org/licenses/mit-license.php
**/

(function($) {

	var params 		= new Array;
	var order		= new Array;
	var images		= new Array;
	var links		= new Array;
	var linksTarget = new Array;
	var titles		= new Array;
	var interval	= new Array;
	var imagePos	= new Array;
	var appInterval = new Array;
	var squarePos	= new Array;
	var reverse		= new Array;

	$.fn.coinslider= $.fn.CoinSlider = function(options){

		init = function(el){

			order[el.id] 		= new Array();	// order of square appereance
			images[el.id]		= new Array();
			links[el.id]		= new Array();
			linksTarget[el.id]	= new Array();
			titles[el.id]		= new Array();
			imagePos[el.id]		= 0;
			squarePos[el.id]	= 0;
			reverse[el.id]		= 1;						

			params[el.id] = $.extend({}, $.fn.coinslider.defaults, options);

			// create images, links and titles arrays
			$.each($('#'+el.id+' img'), function(i,item){
				images[el.id][i] 		= $(item).attr('src');
				links[el.id][i] 		= $(item).parent().is('a') ? $(item).parent().attr('href') : '';
				linksTarget[el.id][i] 	= $(item).parent().is('a') ? $(item).parent().attr('target') : '';
				titles[el.id][i] 		= $(item).next().is('span') ? $(item).next().html() : '';
				$(item).hide();
				$(item).next().hide();
			});			

			// set panel
			$(el).css({
				'background-image':'url('+images[el.id][0]+')',
				'width': params[el.id].width,
				'height': params[el.id].height,
				'position': 'relative',
				'background-repeat': 'no-repeat',
				'background-color': 'black',
				'background-position': 'center center'
			}).wrap("<div class='coin-slider' id='coin-slider-"+el.id+"' />");	

			// create title bar
			$('#'+el.id).append("<div class='cs-title' id='cs-title-"+el.id+"' style='position: absolute; bottom:0; left: 0; z-index: 1000;'></div>");

			$.setFields(el);

			if(params[el.id].navigation)
				$.setNavigation(el);

			$.transition(el,0);
			$.transitionCall(el);

		}

		// squares positions
		$.setFields = function(el){

			tWidth = sWidth = parseInt(params[el.id].width/params[el.id].spw);
			tHeight = sHeight = parseInt(params[el.id].height/params[el.id].sph);

			counter = sLeft = sTop = 0;
			tgapx = gapx = params[el.id].width - params[el.id].spw*sWidth;
			tgapy = gapy = params[el.id].height - params[el.id].sph*sHeight;

			for(i=1;i <= params[el.id].sph;i++){
				gapx = tgapx;

					if(gapy > 0){
						gapy--;
						sHeight = tHeight+1;
					} else {
						sHeight = tHeight;
					}

				for(j=1; j <= params[el.id].spw; j++){	

					if(gapx > 0){
						gapx--;
						sWidth = tWidth+1;
					} else {
						sWidth = tWidth;
					}

					order[el.id][counter] = i+''+j;
					counter++;

					if(params[el.id].links)
						$('#'+el.id).append("<a href='"+links[el.id][0]+"' class='cs-"+el.id+"' id='cs-"+el.id+i+j+"' style='width:"+sWidth+"px; height:"+sHeight+"px; float: left; position: absolute;'></a>");
					else
						$('#'+el.id).append("<div class='cs-"+el.id+"' id='cs-"+el.id+i+j+"' style='width:"+sWidth+"px; height:"+sHeight+"px; float: left; position: absolute;'></div>");

					// positioning squares
					$("#cs-"+el.id+i+j).css({
						'background-position': -sLeft +'px '+(-sTop+'px'),
						'left' : sLeft ,
						'top': sTop
					});

					sLeft += sWidth;
				}

				sTop += sHeight;
				sLeft = 0;					

			}

			$('.cs-'+el.id).mouseover(function(){
				$('#cs-navigation-'+el.id).show();
			});

			$('.cs-'+el.id).mouseout(function(){
				$('#cs-navigation-'+el.id).hide();
			});	

			$('#cs-title-'+el.id).mouseover(function(){
				$('#cs-navigation-'+el.id).show();
			});

			$('#cs-title-'+el.id).mouseout(function(){
				$('#cs-navigation-'+el.id).hide();
			});	

			if(params[el.id].hoverPause){
				$('.cs-'+el.id).mouseover(function(){
					params[el.id].pause = true;
				});

				$('.cs-'+el.id).mouseout(function(){
					params[el.id].pause = false;
				});	

				$('#cs-title-'+el.id).mouseover(function(){
					params[el.id].pause = true;
				});

				$('#cs-title-'+el.id).mouseout(function(){
					params[el.id].pause = false;
				});
			}

		};

		$.transitionCall = function(el){

			clearInterval(interval[el.id]);
			delay = params[el.id].delay + params[el.id].spw*params[el.id].sph*params[el.id].sDelay;
			interval[el.id] = setInterval(function() { $.transition(el)  }, delay);

		}

		// transitions
		$.transition = function(el,direction){

			if(params[el.id].pause == true) return;

			$.effect(el);

			squarePos[el.id] = 0;
			appInterval[el.id] = setInterval(function() { $.appereance(el,order[el.id][squarePos[el.id]])  },params[el.id].sDelay);

			$(el).css({ 'background-image': 'url('+images[el.id][imagePos[el.id]]+')', 'background-color': 'black', 'background-repeat': 'no-repeat', 'background-position': 'center center' });

			if(typeof(direction) == "undefined")
				imagePos[el.id]++;
			else
				if(direction == 'prev')
					imagePos[el.id]--;
				else
					imagePos[el.id] = direction;

			if  (imagePos[el.id] == images[el.id].length) {
				imagePos[el.id] = 0;
			}

			if (imagePos[el.id] == -1){
				imagePos[el.id] = images[el.id].length-1;
			}

			$('.cs-button-'+el.id).removeClass('cs-active');
			$('#cs-button-'+el.id+"-"+(imagePos[el.id]+1)).addClass('cs-active');

			if(titles[el.id][imagePos[el.id]]){
				$('#cs-title-'+el.id).css({ 'opacity' : 0 }).animate({ 'opacity' : params[el.id].opacity }, params[el.id].titleSpeed);
				$('#cs-title-'+el.id).html(titles[el.id][imagePos[el.id]]);
			} else {
				$('#cs-title-'+el.id).css('opacity',0);
			}				

		};

		$.appereance = function(el,sid){

			$('.cs-'+el.id).attr('href',links[el.id][imagePos[el.id]]).attr('target',linksTarget[el.id][imagePos[el.id]]);

			if (squarePos[el.id] == params[el.id].spw*params[el.id].sph) {
				clearInterval(appInterval[el.id]);
				return;
			}

			$('#cs-'+el.id+sid).css({ opacity: 0, 'background-image': 'url('+images[el.id][imagePos[el.id]]+') ', 'background-color': 'black', 'background-repeat': 'no-repeat', 'background-position': 'center center' });
			$('#cs-'+el.id+sid).animate({ opacity: 1 }, 300);
			squarePos[el.id]++;

		};

		// navigation
		$.setNavigation = function(el){
			// create prev and next
			$(el).append("<div id='cs-navigation-"+el.id+"'></div>");
			$('#cs-navigation-'+el.id).hide();

			$('#cs-navigation-'+el.id).append("<a href='#' id='cs-prev-"+el.id+"' class='cs-prev'><</a>");
			$('#cs-navigation-'+el.id).append("<a href='#' id='cs-next-"+el.id+"' class='cs-next'>></a>");
			$('#cs-prev-'+el.id).css({
				'position' 	: 'absolute',
				'top'		: params[el.id].height/2 - 15,
				'left'		: 0,
				'z-index' 	: 1001,
				'line-height': '30px',
				'opacity'	: params[el.id].opacity
			}).click( function(e){
				e.preventDefault();
				$.transition(el,'prev');
				$.transitionCall(el);
			}).mouseover( function(){ $('#cs-navigation-'+el.id).show() });

			$('#cs-next-'+el.id).css({
				'position' 	: 'absolute',
				'top'		: params[el.id].height/2 - 15,
				'right'		: 0,
				'z-index' 	: 1001,
				'line-height': '30px',
				'opacity'	: params[el.id].opacity
			}).click( function(e){
				e.preventDefault();
				$.transition(el);
				$.transitionCall(el);
			}).mouseover( function(){ $('#cs-navigation-'+el.id).show() });

			// image buttons
			$("<div id='cs-buttons-"+el.id+"' class='cs-buttons'></div>").appendTo($('#coin-slider-'+el.id));

			for(k=1;k<images[el.id].length+1;k++){
				$('#cs-buttons-'+el.id).append("<a href='#' class='cs-button-"+el.id+"' id='cs-button-"+el.id+"-"+k+"'>"+k+"</a>");
			}

			$.each($('.cs-button-'+el.id), function(i,item){
				$(item).click( function(e){
					$('.cs-button-'+el.id).removeClass('cs-active');
					$(this).addClass('cs-active');
					e.preventDefault();
					$.transition(el,i);
					$.transitionCall(el);
				})
			});	

			$('#cs-navigation-'+el.id+' a').mouseout(function(){
				$('#cs-navigation-'+el.id).hide();
				params[el.id].pause = false;
			});						

			$("#cs-buttons-"+el.id).css({
				'left'			: '50%',
				'margin-left' 	: -images[el.id].length*15/2-5,
				'position'		: 'relative'

			});

		}

		// effects
		$.effect = function(el){

			effA = ['random','swirl','rain','straight'];
			if(params[el.id].effect == '')
				eff = effA[Math.floor(Math.random()*(effA.length))];
			else
				eff = params[el.id].effect;

			order[el.id] = new Array();

			if(eff == 'random'){
				counter = 0;
				  for(i=1;i <= params[el.id].sph;i++){
				  	for(j=1; j <= params[el.id].spw; j++){
				  		order[el.id][counter] = i+''+j;
						counter++;
				  	}
				  }
				$.random(order[el.id]);
			}

			if(eff == 'rain')	{
				$.rain(el);
			}

			if(eff == 'swirl')
				$.swirl(el);

			if(eff == 'straight')
				$.straight(el);

			reverse[el.id] *= -1;
			if(reverse[el.id] > 0){
				order[el.id].reverse();
			}

		}

		// shuffle array function
		$.random = function(arr) {

		  var i = arr.length;
		  if ( i == 0 ) return false;
		  while ( --i ) {
		     var j = Math.floor( Math.random() * ( i + 1 ) );
		     var tempi = arr[i];
		     var tempj = arr[j];
		     arr[i] = tempj;
		     arr[j] = tempi;
		   }
		}	

		//swirl effect by milos popovic
		$.swirl = function(el){

			var n = params[el.id].sph;
			var m = params[el.id].spw;

			var x = 1;
			var y = 1;
			var going = 0;
			var num = 0;
			var c = 0;

			var dowhile = true;

			while(dowhile) {

				num = (going==0 || going==2) ? m : n;

				for (i=1;i<=num;i++){

					order[el.id][c] = x+''+y;
					c++;

					if(i!=num){
						switch(going){
							case 0 : y++; break;
							case 1 : x++; break;
							case 2 : y--; break;
							case 3 : x--; break;

						}
					}
				}

				going = (going+1)%4;

				switch(going){
					case 0 : m--; y++; break;
					case 1 : n--; x++; break;
					case 2 : m--; y--; break;
					case 3 : n--; x--; break;
				}

				check = $.max(n,m) - $.min(n,m);
				if(m<=check && n<=check)
					dowhile = false;

			}
		}

		// rain effect
		$.rain = function(el){
			var n = params[el.id].sph;
			var m = params[el.id].spw;

			var c = 0;
			var to = to2 = from = 1;
			var dowhile = true;

			while(dowhile){

				for(i=from;i<=to;i++){
					order[el.id][c] = i+''+parseInt(to2-i+1);
					c++;
				}

				to2++;

				if(to < n && to2 < m && n<m){
					to++;
				}

				if(to < n && n>=m){
					to++;
				}

				if(to2 > m){
					from++;
				}

				if(from > to) dowhile= false;

			}			

		}

		// straight effect
		$.straight = function(el){
			counter = 0;
			for(i=1;i <= params[el.id].sph;i++){
				for(j=1; j <= params[el.id].spw; j++){
					order[el.id][counter] = i+''+j;
					counter++;
				}

			}
		}

		$.min = function(n,m){
			if (n>m) return m;
			else return n;
		}

		$.max = function(n,m){
			if (n<m) return m;
			else return n;
		}		

	this.each (
		function(){ init(this); }
	);

	};

	// default values
	$.fn.coinslider.defaults = {
		width: 565, // width of slider panel
		height: 290, // height of slider panel
		spw: 7, // squares per width
		sph: 5, // squares per height
		delay: 3000, // delay between images in ms
		sDelay: 30, // delay beetwen squares in ms
		opacity: 0.7, // opacity of title and navigation
		titleSpeed: 500, // speed of title appereance in ms
		effect: '', // random, swirl, rain, straight
		navigation: true, // prev next and buttons
		links : true, // show images as links
		hoverPause: true // pause on hover
	};	

})(jQuery);

I don’t know if this file still works with the newer plugin updates, i run the content slide plugin only on the version 1.3.3

Problem solved, fixed it by editing the coin-slider.js.

Hey, i got the same problem. The pictures got false dimensions in the lightbox. When i deactivate lightbox, the pictures were shown normal. Hope there will be an fast solution.