Troque Tinypic por Servimg em forma de apresentação

Detalhes da questão

Endereço do fórum: https://pruebacodestemaclaro.foroactivo.com/
Versão do fórum: phpBB3

Descrição

Olá, notei que no formulário que instalei no meu fórum existe a opção de fazer upload de uma imagem, mas está configurado para Tinypic, seria possível configurá-lo para hospedar as imagens no Servimg? Agradecemos antecipadamente e cumprimentos.

A área de código é esta:

Código:


<!-- TINYPIC -->
<script type="text/javascript">
tinypic_layout = 'narrow';tinypic_type = 'images';tinypic_links = 'url';tinypic_language = 'es';tinypic_search = 'false';tinypic_autoload = true;
</script>
<script src="http://plugin.tinypic.com/j/plugin.js" type="text/javascript"></script>
<script>
function openTinypic(){     
  jQuery("iframe[id^='tinypic_plugin_']").dialog({
  title: "Subir imagen",
  height: 400,
  resizable: true,
  position: ['middle',20],
  draggable: true,
  width: 'auto',
  //center: true,
  modal: true,
  show: "fade",
  hide: "fade"     
  }); 
}
</script>
<style>
  iframe[id^='tinypic_plugin_']{
  display: none;
  }
  img#sf_img_hosting{
  cursor: pointer;
  }
</style>
<!-- FIN TINYPIC -->


Olá!

Analise este tópico, já respondido, para perceber se ajuda: Painel administrativo para Postar Imagens no Servimg.com

Caso não ajude, uma pesquisa rápida deve ajudar: https://ajuda.forumeiros.com/search?search_keywords=servimg

Hancki

@Hancki Olá, estava me referindo a que quando você clica onde a seta vermelha indica, o Servimg abra para fazer upload de uma imagem. Fui configurado anteriormente com a API Tinypic, mas ela não funciona. Eu queria o mesmo, mas com Servimg.

Bom dia @perlesias 

Antes de mais desejo-lhe um Boas Festas, e uma boa Entrada em 2024.

Altere o codigo acima por este:

Código:

<!-- SERVIMG -->
<script type="text/javascript">
function openServimg(){   
  // Cria um novo elemento iframe
  var iframe = document.createElement('iframe');

  // Define o atributo src do iframe para o URL do Servimg
  iframe.src = 'https://servimg.com';

  // Define outros atributos necessários para o iframe
  iframe.width = 'auto';
  iframe.height = 400;
  iframe.id = 'servimg_plugin';
  iframe.style.display = 'none';

  // Adiciona o iframe ao corpo do documento
  document.body.appendChild(iframe);

  // Abre o diálogo
  jQuery("iframe[id^='servimg_plugin']").dialog({
    title: "Subir imagen",
    height: 400,
    resizable: true,
    position: ['middle',20],
    draggable: true,
    width: 'auto',
    modal: true,
    show: "fade",
    hide: "fade"   
  });
}
</script>
<style>
  iframe[id^='servimg_plugin']{
  display: none;
  }
  img#sf_img_hosting{
  cursor: pointer;
  }
</style>
<!-- FIM SERVIMG -->


Atenciosamente,
Sleep

Olá @"Dormir" , fiz a alteração mas não funciona, ao clicar na imagem o Servimg não abre para fazer upload da imagem. Feliz Ano Novo

Olá @perlesias,

Um bom ano! Pode passar o código completo da página caso não queira que seja visível use a tag hide.


Atenciosamente,
tikky.

Para configurar o formulário para hospedar imagens no Servimg em vez de Tinypic, você precisa modificar o código relacionado. Substitua o trecho de código relacionado ao Tinypic pelo seguinte código adaptado para o Servimg:

html
Copy code
<!-- SERVIMG -->
<script type="text/javascript">
servimg_auto_upload = true;
</script>
<script src="https://servimg.com/upload-widget.php" type="text/javascript"></script>
<script>
function fortune ox() {
jQuery("iframe[id^='servimg_plugin_']").dialog({
title: "Subir imagen",
height: 400,
resizable: true,
position: ['middle',20],
draggable: true,
width: 'auto',
modal: true,
show: "fade",
hide: "fade"
});
}
</script>
<style>
iframe[id^='servimg_plugin_'] {
display: none;
}
img#sf_img_hosting {
cursor: pointer;
}
</style>
<!-- FIN SERVIMG -->
Certifique-se de substituir completamente o bloco Tinypic pelo bloco Servimg no seu código. Este código utiliza os scripts e estilos do Servimg para permitir o upload de imagens utilizando o Servimg como provedor.

Olá @CalebMitchell , mudei essa parte com o código que você me passou mas não funciona, quando clico na imagem a janela Servimg não abre.

@perlesias: Altere

Código:

<script>
function openTinypic(){   
  jQuery("iframe[id^='tinypic_plugin_']").dialog({
  title: "Subir imagen",
  height: 400,
  resizable: true,
  position: ['middle',20],
  draggable: true,
  width: 'auto',
  //center: true,
  modal: true,
  show: "fade",
  hide: "fade"   
  });
}
</script>

para

Código:

<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.7.2/sweetalert2.all.min.js"></script><script>
function openTinypic(){     

                        $.get('/post?f=4&mode=newtopic', function(d) {
                            Swal.fire({
                                html: $('<iframe>', {
                                    'src': 'https://' + d.match(/servimgDomain = '(.*?)'/)[1] + '/forum_upload.php?account=' + d.match(/servImgAccount = '(.*?)'/)[1] + '&id=' + d.match(/servImgId = '(.*?)'/)[1] + '&f=' + d.match(/servImgF = '(.*?)'/)[1],
                                    'width': '100%',
                                    'height': '150px',
                                    'scrolling': 'no'
                                }).css('border', 'none'),
                                width: 900,
                                showCancelButton: false,
                                showConfirmButton: false,
                                showCloseButton: true,
                                allowOutsideClick: true
                            });
                        });
}
</script>

Eu recomendo refazer o formulário com o nosso gerador gratuito de criação de formularios (Tutorial).

Muito obrigado @tikky , funciona perfeitamente. Você é um gênio!.. Obrigado mais uma vez a todos vocês que fizeram sua parte para tentar me ajudar com meu pedido. Sem dúvida este fórum de suporte é o melhor que conheço. Vou dar uma olhada no tutorial que você recomenda para criar um formulário. Considero o pedido resolvido.
Uma saudação

PD: Não consigo encontrar o botão resolvido