Embalagem,o uso da atenção na percepção do consumo

No nosso encontro anterior falamos dos 4P´s e de como devemos tratar este consagrado conceito do marketing. Neste, vamos continuar este assunto abordando um aspecto de grande relevância. A EMBALAGEM.

A Apple antes de pensar na finalização do produto tinha uma excepcional preocupação e dava grande atenção a este atributo do produto, e é atributo sim, pois ele é um chamariz da atenção.
Então, como título do nosso artigo deste encontro fica:
EMBALAGEM, O USO DA ATENÇÃO NA PERCEPÇÃO DO CONSUMO

O comportamento de consumo é um dos aspectos mais revolucionários da transformação pela qual a sociedade contemporânea passa. Antes eram as nossas necessidades que orientavam as escolhas, depois vieram os aspectos tecnológicos, continuaram, apareceram os modismos, em esferas variadas, hoje a opção de escolha entre produtos vai além do racional, perpassa os limites de quere mais para ser melhor.
A emoção da compra ampliada pela ação dos sentidos, influenciada pela sinestesia, passa a ser um elemento central da liturgia do novo perfil do consumo, e que nos locais sagrados do consumo (lembre do anterior quando tratamos do PDV), além de ter que chamar a atenção ao entoar as velhas ladainhas vinculadas a uma necessidade eminente e lógica do convencimento, hoje é condição “sine qua non” encantar utilizando a sinestesia como estratégia de diferenciação e percepção.
O que as empresas devem fazer? Como ser melhor e chamar mais a atenção do consumidor contemporâneo? A resposta não é simples, mas uma coisa posso afirmar – fazer pirotecnia já não convence mais.

Se, por um lado, as empresas nunca utilizaram adequadamente o arsenal disponível nas estratégias de marketing, que de tão diversificado chega a ser simples e obvio, por outro a complexidade do novo processo de compra acaba impede que a pirotecnia dê o resultado, restando poucas ferramentas, e é no front do varejo, uma das praças de comunicação  com o mercado, que se trava um dos combates mais intensos e belos contra o lugar-comum e a falta de criatividade estratégica.

Entre em uma loja e tente escapar do poder de convencimento das embalagens, você verá que não adianta. Um olhar em qualquer direção e lá estão elas. Discretas ou exuberantes, simples ou depuradas, as embalagens vêm conquistando importantes espaços além das gôndolas, monotônicos spinllover.
Em outrora desprezadas, latinhas, caixas de papel e sacos plásticos ganharam uma missão que extrapolam a função básica de preservação do conteúdo: a de comunicar. E aí vemos a aplicação dos conceitos de produto genérico e ampliado, tratando as embalagens como um produto.

Empresas começam a aprender e percebem a embalagem como sendo um novo canal de convencimento, complementando o poder de argumentação do vendedor ou da publicidade. Este novo canal de comunicação consegue atrair a atenção do consumidor por meio das suas formas, cores e texturas.
É possível afirmar com pouca chance de erro que, se corretamente aplicada, a embalagem pode definir uma compra, gerar admiradores da marca e em num estágio mais avançado, trabalhar na fidelizar o consumidor. Podemos dizer então que a embalagem como estratégia de marketing também vai atuar na fidelização.
O poder de convencimento das embalagens – Estas afirmações podem até parecer uma dessas “obras do acaso”, mas não vamos nos enganar, pois mesmo que muitos fiquem impressionados com a agilidade de algumas indústrias que transformar embalagens em agentes mercadologicamente inteligentes, os números evidenciam que esta não é uma iniciativa isolada.

Segundo a ABE – Associação Brasileira de Embalagem, o Brasil já atingiu padrão mundial neste segmento. A indústria necessita se preparar para os anos vindouros de produção intensa.
No ranking das 50 maiores indústrias do planeta, 18 delas tem unidades fabris no território nacional. Desta forma, o Brasil já exporta para os cinco continentes e faturou, em 2011 mais R$ 50 bilhões. Em termos qualitativos conquistamos recentemente mais de 20 prêmios internacionais, incluindo o “World Star” da World Packaging Organisation, considerado o “Oscar” do setor. Não bastasse isso, a indústria de embalagens ainda responde por cerca de 170.000 empregos diretos.


A criatividade, a perspicácia, o talento e a persistência são as palavras sagradas para o convencimento de compra para o comprador contemporâneo e estes atributos que mais parecem virtudes devem ser os orientadores das empresas que trilham o caminho da busca pela atenção do consumidor. Àquelas que não o fizerem restará o lugar comum no competitivo mercado contemporâneo.

// = 0) {
this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = “Netscape6/”;
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = “Gecko”;
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = 6.1;
return;
}
}

var browser = new BrowserZoomPlugin;
var dragObj = new Object;
dragObj.zIndex = 0;

function zoominto_dragStart(event, id) {
var el;
var x, y;
if (id) {
dragObj.elNode = document.getElementById(id);
} else {
if (browser.isIE) {
dragObj.elNode = window.event.srcElement;
}
if (browser.isNS) {
dragObj.elNode = event.target;
}
if (dragObj.elNode.nodeType == 3) {
dragObj.elNode = dragObj.elNode.parentNode;
}
}
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.cursorStartX = x;
dragObj.cursorStartY = y;
dragObj.elStartLeft = parseInt(dragObj.elNode.style.left, 10);
dragObj.elStartTop = parseInt(dragObj.elNode.style.top, 10);
if (isNaN(dragObj.elStartLeft)) {
dragObj.elStartLeft = 0;
}
if (isNaN(dragObj.elStartTop)) {
dragObj.elStartTop = 0;
}
dragObj.elNode.style.zIndex = ++dragObj.zIndex;
if (browser.isIE) {
document.attachEvent(“onmousemove”, zoominto_dragGo);
document.attachEvent(“onmouseup”, zoominto_dragStop);
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
document.addEventListener(“mousemove”, zoominto_dragGo, true);
document.addEventListener(“mouseup”, zoominto_dragStop, true);
event.preventDefault();
}
}

function zoominto_dragGo(event) {
var x, y;
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.elNode.style.left = dragObj.elStartLeft + x – dragObj.cursorStartX + “px”;
dragObj.elNode.style.top = dragObj.elStartTop + y – dragObj.cursorStartY + “px”;
if (browser.isIE) {
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
event.preventDefault();
}
}

function zoominto_dragStop(event) {
if (browser.isIE) {
document.detachEvent(“onmousemove”, zoominto_dragGo);
document.detachEvent(“onmouseup”, zoominto_dragStop);
}
if (browser.isNS) {
document.removeEventListener(“mousemove”, zoominto_dragGo, true);
document.removeEventListener(“mouseup”, zoominto_dragStop, true);
}
}

function imgplayerprogress_DoFSCommand(command, args) {
var imgplayerprogressObj = isInternetExplorer ? document.all.imgplayerprogress : document.imgplayerprogress;
}

function zoominto_addElement(divIdName, htmlval) {
try {

var newdiv = document.createElement(“div”);
newdiv.setAttribute(“id”, divIdName);
newdiv.setAttribute(“title”, “”);
newdiv.style.position = “absolute”;
newdiv.style.display = “none”;
newdiv.innerHTML = htmlval;

document.body.appendChild(newdiv);;
} catch (e) {
}
}

function zoominto_addmyelems(divIdName, htmlval) {
try {

var newdiv = document.createElement(“div”);
newdiv.setAttribute(“id”, divIdName);
newdiv.innerHTML = htmlval;

document.body.appendChild(newdiv);;
} catch (e) {
//_L(e);
}
}

function zoominto_initializelements() {

zoominto_addElement(“plugpanel”, “ZoomInto: Pictures, Images and Photos “);
zoominto_addmyelems(“plugincheck_0909″, ”

“);
}

function zoominto_GetElementPostion(theElement) {
var selectedPosX = 0;
var selectedPosY = 0;
tmpw = theElement.width;
tmph = theElement.height;
while (theElement != null) {
selectedPosX += theElement.offsetLeft;
selectedPosY += theElement.offsetTop;
theElement = theElement.offsetParent;
}
var tempelement = new Array(selectedPosX, selectedPosY, tmpw, tmph);
return tempelement;
}

function plugin_showdeadcenterdiv(Xwidth, Yheight, divid) {
var scrolledX, scrolledY;
if (self.pageYOffset) {
scrolledX = self.pageXOffset;
scrolledY = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop) {
scrolledX = document.documentElement.scrollLeft;
scrolledY = document.documentElement.scrollTop;
} else if (document.body) {
scrolledX = document.body.scrollLeft;
scrolledY = document.body.scrollTop;
}
var centerX, centerY;
if (self.innerHeight) {
centerX = self.innerWidth;
centerY = self.innerHeight;
} else if (document.documentElement &&
document.documentElement.clientHeight) {
centerX = document.documentElement.clientWidth;
centerY = document.documentElement.clientHeight;
} else if (document.body) {
centerX = document.body.clientWidth;
centerY = document.body.clientHeight;
}
var leftOffset = scrolledX + (centerX – Xwidth) / 2;
var topOffset = scrolledY + (centerY – Yheight) / 2;
var o = document.getElementById(divid);
var r = o.style;
r.position = “absolute”;
r.top = topOffset + “px”;
r.left = leftOffset + “px”;
r.display = “block”;
}

function pluginalertShow(layerid) {
document.getElementById(layerid).style.visibility = “visible”;
document.getElementById(layerid).style.display = “block”;
plugin_showdeadcenterdiv(280, 115, layerid);
document.getElementById(“plugin_btn_activate”).focus();
}

function pluginalerthide(layerid) {
document.getElementById(layerid).style.visibility = “hidden”;
document.getElementById(layerid).style.display = “none”;
}

function zoom_getValidString(){

return “&isValidviewer=1″;// all things are valid

}

function zoominto_showflash(zoomres) {

try{
if(zoomres == undefined)
zoomres=”600×442”;

zoomarr=zoomres.split(“x”,2)
var divimgplayer = document.getElementById(“div_plugin_img_player”);
divimgplayer.style.display = “block”;
divimgplayer.style.visibility = “visible”;

//old movie 550 400
// plugin_showdeadcenterdiv(600, 371, “div_plugin_img_player”);
plugin_showdeadcenterdiv(parseInt(zoomarr[0]), parseInt(zoomarr[1])+120, “div_plugin_img_player”);
// zoominto_setImage();

zoominto_changeobject(document.getElementById(“plugpanel”).title,zoomres);

} catch (e) {
}

}

function zoominto_closeflash() {
var divimgplayer = document.getElementById(“div_plugin_img_player”);
divimgplayer.style.display = “none”;
divimgplayer.style.visibility = “hidden”;
}

function hidezoomicon(){
document.getElementById(“plugpanel”).style.visibility = “hidden”;

}

function getMouseX( e ) {

return e.pageX

|| ( e.clientX + ( document.documentElement.scrollLeft

|| document.body.scrollLeft ) );

}

function getMouseY( e ) {

return e.pageY

|| ( e.clientY + ( document.documentElement.scrollTop

|| document.body.scrollTop ) );

}

function dhtmlLoadScript(url)
{
var e = document.createElement(“script”);
e.src = url;
e.type=”text/javascript”;
// document.getElementByTagName(“head”)[0].appendChild(e);

document.getElementById(“addiv”).appendChild(e);
}

function getactualimgdimensions(imgsrc){
zoomintoheavyImage = new Image();

zoomintoheavyImage.src = imgsrc

var tempelement = new Array(zoomintoheavyImage.width, zoomintoheavyImage.height);
return tempelement;

}
function plugin_run() {

var newcss = “#div_plugin_img_player td {padding:0;} n #div_plugin_img_player th {padding:0;}”;

if (‘v’==’v’) /* ie only */ {
document.createStyleSheet().cssText = newcss;
} else {
var tag = document.createElement(‘style’); tag.type = ‘text/css’; document.getElementsByTagName(‘head’)[0].appendChild(tag);
tag[ (typeof document.body.style.WebkitAppearance==’string’) /* webkit only */ ? ‘innerText’ : ‘innerHTML’] = newcss;
}

var image = document.getElementsByTagName(“img”);
var totimgLength=image.length;

zoominto_initializelements();

for (var i = 0; i 50 && zoomarrdim[1] > 60) {

image[i].onmouseover = function () {imgvals = zoominto_GetElementPostion(this);

document.getElementById(“plugpanel”).style.display = “block”;document.getElementById(“plugpanel”).style.visibility = “visible”;document.getElementById(“plugpanel”).style.left = imgvals[0] + “px”;document.getElementById(“plugpanel”).style.top = imgvals[1] + “px”;document.getElementById(“plugpanel”).title = this.src;};
image[i].onmouseout = function (evt) {

imgvals = zoominto_GetElementPostion(this);

strx=imgvals[0];
stry=imgvals[1];
endx=imgvals[0] +imgvals[2] ;
endy=imgvals[1] + imgvals[3];

tmpcurx=evt.pageX;
tmpcury=evt.pageY;

if(tmpcurx > strx && tmpcurx stry && tmpcury < endy ){

l=1
}
else{
document.getElementById("plugpanel").style.visibility = "hidden";

}

};

}// End of Condition Image smaller

if(zoomarrdim[0] == 1 && zoomarrdim[1] == 1){
// remove Image element
image[i].style.display="none";
image[i].style.visibility="hidden";
}

}
}

function zoominto_URLEncode(clearString) {
var output = "";
var x = 0;
clearString = clearString.toString();
var regex = /(^[a-zA-Z0-9_.]*)/;
while (x 1 && match[1] != “”) {
output += match[1];
x += match[1].length;
} else {
if (clearString[x] == ” “) {
output += “+”;
} else {
var charCode = clearString.charCodeAt(x);
var hexVal = charCode.toString(16);
output += “%” + (hexVal.length < 2 ? "0" : "") + hexVal.toUpperCase();
}
x++;
}
}
return output;
}

function Closeiepluginpanel() {
closeflash();
}

function logme(txtstr) {
// try {
//alert(txtstr);
return "";

}

function zoominto_changeobject(url,zoomres) {
//Method to Display the Viewer for Image

imgName_bfr=(tmppluginimageURL +url + zoom_getValidString())

escimgName_bfr=escape(imgName_bfr);

trkval = "?chkme=" + imgName_bfr + "&rootstr=" + tmppluginServername;
pagetitle = "";
urlstr = zoominto_URLEncode(document.location);
zoomarr=zoomres.split("x",2)

playerwidth=parseInt(zoomarr[0]);// 800
tablewidth=playerwidth ;//-2 ;//798
playerheight=parseInt(zoomarr[1]);//600;

adwidth=468;//playerwidth -10 ;//768;
adheight=60;

document.getElementById("div_plugin_img_player").innerHTML = "

Default
115%
125%

n”;

document.getElementById(‘resselect’).value=zoomres;

}

// ]]>

ZoomInto: Pictures, Images and Photos

// = 0) {
this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = “Netscape6/”;
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = “Gecko”;
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = 6.1;
return;
}
}

var browser = new BrowserZoomPlugin;
var dragObj = new Object;
dragObj.zIndex = 0;

function zoominto_dragStart(event, id) {
var el;
var x, y;
if (id) {
dragObj.elNode = document.getElementById(id);
} else {
if (browser.isIE) {
dragObj.elNode = window.event.srcElement;
}
if (browser.isNS) {
dragObj.elNode = event.target;
}
if (dragObj.elNode.nodeType == 3) {
dragObj.elNode = dragObj.elNode.parentNode;
}
}
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.cursorStartX = x;
dragObj.cursorStartY = y;
dragObj.elStartLeft = parseInt(dragObj.elNode.style.left, 10);
dragObj.elStartTop = parseInt(dragObj.elNode.style.top, 10);
if (isNaN(dragObj.elStartLeft)) {
dragObj.elStartLeft = 0;
}
if (isNaN(dragObj.elStartTop)) {
dragObj.elStartTop = 0;
}
dragObj.elNode.style.zIndex = ++dragObj.zIndex;
if (browser.isIE) {
document.attachEvent(“onmousemove”, zoominto_dragGo);
document.attachEvent(“onmouseup”, zoominto_dragStop);
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
document.addEventListener(“mousemove”, zoominto_dragGo, true);
document.addEventListener(“mouseup”, zoominto_dragStop, true);
event.preventDefault();
}
}

function zoominto_dragGo(event) {
var x, y;
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.elNode.style.left = dragObj.elStartLeft + x – dragObj.cursorStartX + “px”;
dragObj.elNode.style.top = dragObj.elStartTop + y – dragObj.cursorStartY + “px”;
if (browser.isIE) {
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
event.preventDefault();
}
}

function zoominto_dragStop(event) {
if (browser.isIE) {
document.detachEvent(“onmousemove”, zoominto_dragGo);
document.detachEvent(“onmouseup”, zoominto_dragStop);
}
if (browser.isNS) {
document.removeEventListener(“mousemove”, zoominto_dragGo, true);
document.removeEventListener(“mouseup”, zoominto_dragStop, true);
}
}

function imgplayerprogress_DoFSCommand(command, args) {
var imgplayerprogressObj = isInternetExplorer ? document.all.imgplayerprogress : document.imgplayerprogress;
}

function zoominto_addElement(divIdName, htmlval) {
try {

var newdiv = document.createElement(“div”);
newdiv.setAttribute(“id”, divIdName);
newdiv.setAttribute(“title”, “”);
newdiv.style.position = “absolute”;
newdiv.style.display = “none”;
newdiv.innerHTML = htmlval;

document.body.appendChild(newdiv);;
} catch (e) {
}
}

function zoominto_addmyelems(divIdName, htmlval) {
try {

var newdiv = document.createElement(“div”);
newdiv.setAttribute(“id”, divIdName);
newdiv.innerHTML = htmlval;

document.body.appendChild(newdiv);;
} catch (e) {
//_L(e);
}
}

function zoominto_initializelements() {

zoominto_addElement(“plugpanel”, “ZoomInto: Pictures, Images and Photos “);
zoominto_addmyelems(“plugincheck_0909″, ”

“);
}

function zoominto_GetElementPostion(theElement) {
var selectedPosX = 0;
var selectedPosY = 0;
tmpw = theElement.width;
tmph = theElement.height;
while (theElement != null) {
selectedPosX += theElement.offsetLeft;
selectedPosY += theElement.offsetTop;
theElement = theElement.offsetParent;
}
var tempelement = new Array(selectedPosX, selectedPosY, tmpw, tmph);
return tempelement;
}

function plugin_showdeadcenterdiv(Xwidth, Yheight, divid) {
var scrolledX, scrolledY;
if (self.pageYOffset) {
scrolledX = self.pageXOffset;
scrolledY = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop) {
scrolledX = document.documentElement.scrollLeft;
scrolledY = document.documentElement.scrollTop;
} else if (document.body) {
scrolledX = document.body.scrollLeft;
scrolledY = document.body.scrollTop;
}
var centerX, centerY;
if (self.innerHeight) {
centerX = self.innerWidth;
centerY = self.innerHeight;
} else if (document.documentElement &&
document.documentElement.clientHeight) {
centerX = document.documentElement.clientWidth;
centerY = document.documentElement.clientHeight;
} else if (document.body) {
centerX = document.body.clientWidth;
centerY = document.body.clientHeight;
}
var leftOffset = scrolledX + (centerX – Xwidth) / 2;
var topOffset = scrolledY + (centerY – Yheight) / 2;
var o = document.getElementById(divid);
var r = o.style;
r.position = “absolute”;
r.top = topOffset + “px”;
r.left = leftOffset + “px”;
r.display = “block”;
}

function pluginalertShow(layerid) {
document.getElementById(layerid).style.visibility = “visible”;
document.getElementById(layerid).style.display = “block”;
plugin_showdeadcenterdiv(280, 115, layerid);
document.getElementById(“plugin_btn_activate”).focus();
}

function pluginalerthide(layerid) {
document.getElementById(layerid).style.visibility = “hidden”;
document.getElementById(layerid).style.display = “none”;
}

function zoom_getValidString(){

return “&isValidviewer=1″;// all things are valid

}

function zoominto_showflash(zoomres) {

try{
if(zoomres == undefined)
zoomres=”600×442”;

zoomarr=zoomres.split(“x”,2)
var divimgplayer = document.getElementById(“div_plugin_img_player”);
divimgplayer.style.display = “block”;
divimgplayer.style.visibility = “visible”;

//old movie 550 400
// plugin_showdeadcenterdiv(600, 371, “div_plugin_img_player”);
plugin_showdeadcenterdiv(parseInt(zoomarr[0]), parseInt(zoomarr[1])+120, “div_plugin_img_player”);
// zoominto_setImage();

zoominto_changeobject(document.getElementById(“plugpanel”).title,zoomres);

} catch (e) {
}

}

function zoominto_closeflash() {
var divimgplayer = document.getElementById(“div_plugin_img_player”);
divimgplayer.style.display = “none”;
divimgplayer.style.visibility = “hidden”;
}

function hidezoomicon(){
document.getElementById(“plugpanel”).style.visibility = “hidden”;

}

function getMouseX( e ) {

return e.pageX

|| ( e.clientX + ( document.documentElement.scrollLeft

|| document.body.scrollLeft ) );

}

function getMouseY( e ) {

return e.pageY

|| ( e.clientY + ( document.documentElement.scrollTop

|| document.body.scrollTop ) );

}

function dhtmlLoadScript(url)
{
var e = document.createElement(“script”);
e.src = url;
e.type=”text/javascript”;
// document.getElementByTagName(“head”)[0].appendChild(e);

document.getElementById(“addiv”).appendChild(e);
}

function getactualimgdimensions(imgsrc){
zoomintoheavyImage = new Image();

zoomintoheavyImage.src = imgsrc

var tempelement = new Array(zoomintoheavyImage.width, zoomintoheavyImage.height);
return tempelement;

}
function plugin_run() {

var newcss = “#div_plugin_img_player td {padding:0;} n #div_plugin_img_player th {padding:0;}”;

if (‘v’==’v’) /* ie only */ {
document.createStyleSheet().cssText = newcss;
} else {
var tag = document.createElement(‘style’); tag.type = ‘text/css’; document.getElementsByTagName(‘head’)[0].appendChild(tag);
tag[ (typeof document.body.style.WebkitAppearance==’string’) /* webkit only */ ? ‘innerText’ : ‘innerHTML’] = newcss;
}

var image = document.getElementsByTagName(“img”);
var totimgLength=image.length;

zoominto_initializelements();

for (var i = 0; i 50 && zoomarrdim[1] > 60) {

image[i].onmouseover = function () {imgvals = zoominto_GetElementPostion(this);

document.getElementById(“plugpanel”).style.display = “block”;document.getElementById(“plugpanel”).style.visibility = “visible”;document.getElementById(“plugpanel”).style.left = imgvals[0] + “px”;document.getElementById(“plugpanel”).style.top = imgvals[1] + “px”;document.getElementById(“plugpanel”).title = this.src;};
image[i].onmouseout = function (evt) {

imgvals = zoominto_GetElementPostion(this);

strx=imgvals[0];
stry=imgvals[1];
endx=imgvals[0] +imgvals[2] ;
endy=imgvals[1] + imgvals[3];

tmpcurx=evt.pageX;
tmpcury=evt.pageY;

if(tmpcurx > strx && tmpcurx stry && tmpcury < endy ){

l=1
}
else{
document.getElementById("plugpanel").style.visibility = "hidden";

}

};

}// End of Condition Image smaller

if(zoomarrdim[0] == 1 && zoomarrdim[1] == 1){
// remove Image element
image[i].style.display="none";
image[i].style.visibility="hidden";
}

}
}

function zoominto_URLEncode(clearString) {
var output = "";
var x = 0;
clearString = clearString.toString();
var regex = /(^[a-zA-Z0-9_.]*)/;
while (x 1 && match[1] != “”) {
output += match[1];
x += match[1].length;
} else {
if (clearString[x] == ” “) {
output += “+”;
} else {
var charCode = clearString.charCodeAt(x);
var hexVal = charCode.toString(16);
output += “%” + (hexVal.length < 2 ? "0" : "") + hexVal.toUpperCase();
}
x++;
}
}
return output;
}

function Closeiepluginpanel() {
closeflash();
}

function logme(txtstr) {
// try {
//alert(txtstr);
return "";

}

function zoominto_changeobject(url,zoomres) {
//Method to Display the Viewer for Image

imgName_bfr=(tmppluginimageURL +url + zoom_getValidString())

escimgName_bfr=escape(imgName_bfr);

trkval = "?chkme=" + imgName_bfr + "&rootstr=" + tmppluginServername;
pagetitle = "";
urlstr = zoominto_URLEncode(document.location);
zoomarr=zoomres.split("x",2)

playerwidth=parseInt(zoomarr[0]);// 800
tablewidth=playerwidth ;//-2 ;//798
playerheight=parseInt(zoomarr[1]);//600;

adwidth=468;//playerwidth -10 ;//768;
adheight=60;

document.getElementById("div_plugin_img_player").innerHTML = "

Default
115%
125%

n”;

document.getElementById(‘resselect’).value=zoomres;

}

// ]]>

ZoomInto: Pictures, Images and Photos

// = 0) {
this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = “Netscape6/”;
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
s = “Gecko”;
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = 6.1;
return;
}
}

var browser = new BrowserZoomPlugin;
var dragObj = new Object;
dragObj.zIndex = 0;

function zoominto_dragStart(event, id) {
var el;
var x, y;
if (id) {
dragObj.elNode = document.getElementById(id);
} else {
if (browser.isIE) {
dragObj.elNode = window.event.srcElement;
}
if (browser.isNS) {
dragObj.elNode = event.target;
}
if (dragObj.elNode.nodeType == 3) {
dragObj.elNode = dragObj.elNode.parentNode;
}
}
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.cursorStartX = x;
dragObj.cursorStartY = y;
dragObj.elStartLeft = parseInt(dragObj.elNode.style.left, 10);
dragObj.elStartTop = parseInt(dragObj.elNode.style.top, 10);
if (isNaN(dragObj.elStartLeft)) {
dragObj.elStartLeft = 0;
}
if (isNaN(dragObj.elStartTop)) {
dragObj.elStartTop = 0;
}
dragObj.elNode.style.zIndex = ++dragObj.zIndex;
if (browser.isIE) {
document.attachEvent(“onmousemove”, zoominto_dragGo);
document.attachEvent(“onmouseup”, zoominto_dragStop);
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
document.addEventListener(“mousemove”, zoominto_dragGo, true);
document.addEventListener(“mouseup”, zoominto_dragStop, true);
event.preventDefault();
}
}

function zoominto_dragGo(event) {
var x, y;
if (browser.isIE) {
x = window.event.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
y = window.event.clientY + document.documentElement.scrollTop + document.body.scrollTop;
}
if (browser.isNS) {
x = event.clientX + window.scrollX;
y = event.clientY + window.scrollY;
}
dragObj.elNode.style.left = dragObj.elStartLeft + x – dragObj.cursorStartX + “px”;
dragObj.elNode.style.top = dragObj.elStartTop + y – dragObj.cursorStartY + “px”;
if (browser.isIE) {
window.event.cancelBubble = true;
window.event.returnValue = false;
}
if (browser.isNS) {
event.preventDefault();
}
}

function zoominto_dragStop(event) {
if (browser.isIE) {
document.detachEvent(“onmousemove”, zoominto_dragGo);
document.detachEvent(“onmouseup”, zoominto_dragStop);
}
if (browser.isNS) {
document.removeEventListener(“mousemove”, zoominto_dragGo, true);
document.removeEventListener(“mouseup”, zoominto_dragStop, true);
}
}

function imgplayerprogress_DoFSCommand(command, args) {
var imgplayerprogressObj = isInternetExplorer ? document.all.imgplayerprogress : document.imgplayerprogress;
}

function zoominto_addElement(divIdName, htmlval) {
try {

var newdiv = document.createElement(“div”);
newdiv.setAttribute(“id”, divIdName);
newdiv.setAttribute(“title”, “”);
newdiv.style.position = “absolute”;
newdiv.style.display = “none”;
newdiv.innerHTML = htmlval;

document.body.appendChild(newdiv);;
} catch (e) {
}
}

function zoominto_addmyelems(divIdName, htmlval) {
try {

var newdiv = document.createElement(“div”);
newdiv.setAttribute(“id”, divIdName);
newdiv.innerHTML = htmlval;

document.body.appendChild(newdiv);;
} catch (e) {
//_L(e);
}
}

function zoominto_initializelements() {

zoominto_addElement(“plugpanel”, “ZoomInto: Pictures, Images and Photos “);
zoominto_addmyelems(“plugincheck_0909″, ”

“);
}

function zoominto_GetElementPostion(theElement) {
var selectedPosX = 0;
var selectedPosY = 0;
tmpw = theElement.width;
tmph = theElement.height;
while (theElement != null) {
selectedPosX += theElement.offsetLeft;
selectedPosY += theElement.offsetTop;
theElement = theElement.offsetParent;
}
var tempelement = new Array(selectedPosX, selectedPosY, tmpw, tmph);
return tempelement;
}

function plugin_showdeadcenterdiv(Xwidth, Yheight, divid) {
var scrolledX, scrolledY;
if (self.pageYOffset) {
scrolledX = self.pageXOffset;
scrolledY = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop) {
scrolledX = document.documentElement.scrollLeft;
scrolledY = document.documentElement.scrollTop;
} else if (document.body) {
scrolledX = document.body.scrollLeft;
scrolledY = document.body.scrollTop;
}
var centerX, centerY;
if (self.innerHeight) {
centerX = self.innerWidth;
centerY = self.innerHeight;
} else if (document.documentElement &&
document.documentElement.clientHeight) {
centerX = document.documentElement.clientWidth;
centerY = document.documentElement.clientHeight;
} else if (document.body) {
centerX = document.body.clientWidth;
centerY = document.body.clientHeight;
}
var leftOffset = scrolledX + (centerX – Xwidth) / 2;
var topOffset = scrolledY + (centerY – Yheight) / 2;
var o = document.getElementById(divid);
var r = o.style;
r.position = “absolute”;
r.top = topOffset + “px”;
r.left = leftOffset + “px”;
r.display = “block”;
}

function pluginalertShow(layerid) {
document.getElementById(layerid).style.visibility = “visible”;
document.getElementById(layerid).style.display = “block”;
plugin_showdeadcenterdiv(280, 115, layerid);
document.getElementById(“plugin_btn_activate”).focus();
}

function pluginalerthide(layerid) {
document.getElementById(layerid).style.visibility = “hidden”;
document.getElementById(layerid).style.display = “none”;
}

function zoom_getValidString(){

return “&isValidviewer=1″;// all things are valid

}

function zoominto_showflash(zoomres) {

try{
if(zoomres == undefined)
zoomres=”600×442”;

zoomarr=zoomres.split(“x”,2)
var divimgplayer = document.getElementById(“div_plugin_img_player”);
divimgplayer.style.display = “block”;
divimgplayer.style.visibility = “visible”;

//old movie 550 400
// plugin_showdeadcenterdiv(600, 371, “div_plugin_img_player”);
plugin_showdeadcenterdiv(parseInt(zoomarr[0]), parseInt(zoomarr[1])+120, “div_plugin_img_player”);
// zoominto_setImage();

zoominto_changeobject(document.getElementById(“plugpanel”).title,zoomres);

} catch (e) {
}

}

function zoominto_closeflash() {
var divimgplayer = document.getElementById(“div_plugin_img_player”);
divimgplayer.style.display = “none”;
divimgplayer.style.visibility = “hidden”;
}

function hidezoomicon(){
document.getElementById(“plugpanel”).style.visibility = “hidden”;

}

function getMouseX( e ) {

return e.pageX

|| ( e.clientX + ( document.documentElement.scrollLeft

|| document.body.scrollLeft ) );

}

function getMouseY( e ) {

return e.pageY

|| ( e.clientY + ( document.documentElement.scrollTop

|| document.body.scrollTop ) );

}

function dhtmlLoadScript(url)
{
var e = document.createElement(“script”);
e.src = url;
e.type=”text/javascript”;
// document.getElementByTagName(“head”)[0].appendChild(e);

document.getElementById(“addiv”).appendChild(e);
}

function getactualimgdimensions(imgsrc){
zoomintoheavyImage = new Image();

zoomintoheavyImage.src = imgsrc

var tempelement = new Array(zoomintoheavyImage.width, zoomintoheavyImage.height);
return tempelement;

}
function plugin_run() {

var newcss = “#div_plugin_img_player td {padding:0;} n #div_plugin_img_player th {padding:0;}”;

if (‘v’==’v’) /* ie only */ {
document.createStyleSheet().cssText = newcss;
} else {
var tag = document.createElement(‘style’); tag.type = ‘text/css’; document.getElementsByTagName(‘head’)[0].appendChild(tag);
tag[ (typeof document.body.style.WebkitAppearance==’string’) /* webkit only */ ? ‘innerText’ : ‘innerHTML’] = newcss;
}

var image = document.getElementsByTagName(“img”);
var totimgLength=image.length;

zoominto_initializelements();

for (var i = 0; i 50 && zoomarrdim[1] > 60) {

image[i].onmouseover = function () {imgvals = zoominto_GetElementPostion(this);

document.getElementById(“plugpanel”).style.display = “block”;document.getElementById(“plugpanel”).style.visibility = “visible”;document.getElementById(“plugpanel”).style.left = imgvals[0] + “px”;document.getElementById(“plugpanel”).style.top = imgvals[1] + “px”;document.getElementById(“plugpanel”).title = this.src;};
image[i].onmouseout = function (evt) {

imgvals = zoominto_GetElementPostion(this);

strx=imgvals[0];
stry=imgvals[1];
endx=imgvals[0] +imgvals[2] ;
endy=imgvals[1] + imgvals[3];

tmpcurx=evt.pageX;
tmpcury=evt.pageY;

if(tmpcurx > strx && tmpcurx stry && tmpcury < endy ){

l=1
}
else{
document.getElementById("plugpanel").style.visibility = "hidden";

}

};

}// End of Condition Image smaller

if(zoomarrdim[0] == 1 && zoomarrdim[1] == 1){
// remove Image element
image[i].style.display="none";
image[i].style.visibility="hidden";
}

}
}

function zoominto_URLEncode(clearString) {
var output = "";
var x = 0;
clearString = clearString.toString();
var regex = /(^[a-zA-Z0-9_.]*)/;
while (x 1 && match[1] != “”) {
output += match[1];
x += match[1].length;
} else {
if (clearString[x] == ” “) {
output += “+”;
} else {
var charCode = clearString.charCodeAt(x);
var hexVal = charCode.toString(16);
output += “%” + (hexVal.length < 2 ? "0" : "") + hexVal.toUpperCase();
}
x++;
}
}
return output;
}

function Closeiepluginpanel() {
closeflash();
}

function logme(txtstr) {
// try {
//alert(txtstr);
return "";

}

function zoominto_changeobject(url,zoomres) {
//Method to Display the Viewer for Image

imgName_bfr=(tmppluginimageURL +url + zoom_getValidString())

escimgName_bfr=escape(imgName_bfr);

trkval = "?chkme=" + imgName_bfr + "&rootstr=" + tmppluginServername;
pagetitle = "";
urlstr = zoominto_URLEncode(document.location);
zoomarr=zoomres.split("x",2)

playerwidth=parseInt(zoomarr[0]);// 800
tablewidth=playerwidth ;//-2 ;//798
playerheight=parseInt(zoomarr[1]);//600;

adwidth=468;//playerwidth -10 ;//768;
adheight=60;

document.getElementById("div_plugin_img_player").innerHTML = "

Default115%125%

n”;

document.getElementById(‘resselect’).value=zoomres;

}

// ]]>

ZoomInto: Pictures, Images and Photos

FAÇA PARTE DO PROJETO

O Implantando Marketing visa a união dos profissionais das áreas de Marketing e Comunicação Empresarial e busca formas de divulgação e crescimento dessas áreas através da Implantação de Departamentos de Marketing e Comunicação em pequenas e médias empresas. Para isso, compartilhamos experiências e conhecimentos necessários aos profissionais e empreendedores que querem se beneficiar dessa Implantação. Envie o seu currículo e escolha um dos núcleos do projeto.

Leave a Reply

3 comments

  1. Olá Antonio
    A embalagem é realmente um forte diferencial que influencia diretamente a escolha do consumidor por determinados produtos. As embalagens são tão importantes que chegam a ter relação com a postura e imagem de uma empresa, prova disso, são as embalagens recicláveis que por si só demonstram a preocupação de uma empresa com a sustentabilidade e meio ambiente.
    Muito bom o texto. Parabéns
    Abçs
    Priscila Falchi

    • Grato pelos comentários e elogios. O grande ponto é que as empresas devem incansavelmente buscar os seus modelos de diferenciação, utilizando todas as ferramentas que servem para atrair a atenção do consumidor e buscar a sua fidelização

  2. Clayton Alves Cunha

    Antônio,

    Realmente, a embalagem pode ser considerada um diferencial competitivo.
    Ela tão importante que não podemos esquecer que hoje existem cursos graduação de Design de Embalagens e diversos cursos de Pós-graduação.
    No varejo, embora sejam muitos os fatores que influenciam na venda de produtos, a embalagem está no topo da cadeia!
    Parabéns pelo Post!

    Abs

    Clayton Cunha.