[Résolu] Webgadget : Inserer une image fullscreen

Vous débutez et vous avez besoin d'aide ? N'hésitez pas à poser vos questions
Avatar de l’utilisateur
falsam
Messages : 7244
Inscription : dim. 22/août/2010 15:24
Localisation : IDF (Yvelines)
Contact :

[Résolu] Webgadget : Inserer une image fullscreen

Message par falsam »

je souhaite charger une image dans un Webgadget.

- Les scrollbar ne doivent pas s'afficher : Résolu
- L'image doit occuper 100% de l'espace du webgadget : Mon souci est là

Le code HTML que j'utilise

Code : Tout sélectionner

"<body scroll = 'no' ><img src='" + url + "/data/avatars/" + Profil + "' width='100%' height='100%'></body>"
et le code de test

Code : Tout sélectionner

Global url.s = "http://s242132022.onlinehome.fr/game01/" 

;Plan de l'application
Declare   Start()
Declare.s ShowThumbNail(Profil.s = "")
Declare   Exit()

Start()

Procedure Start()
  OpenWindow(0, 0, 0, 800, 600, "Test", #PB_Window_SystemMenu|#PB_Window_ScreenCentered)
  SetWindowColor(0, RGB(105, 105, 105))
  
  WebGadget(1, 5, 5, 100, 100, "")
  SetGadgetItemText(1, #PB_Web_HtmlCode , ShowThumbNail("p001.png"))
  
  ;Triggers
  BindEvent(#PB_Event_CloseWindow, @Exit())
    
  Repeat : WaitWindowEvent() : ForEver
EndProcedure

Procedure.s ShowThumbNail(Profil.s = "")
  Protected Buffer.s
  
  If Profil = ""
    Profil = "profil.jpg"
  EndIf
  
  Buffer = "<body scroll = 'no' ><img src='" + url + "/data/avatars/" + Profil + "' width='100%' height='100%'></body>"
  ProcedureReturn Buffer
EndProcedure

Procedure Exit()  
  End
EndProcedure
Comme vous allez pouvoir le constater, une bordure blanche subsiste autour de l'image.

:!: Taille de l'image 120 x 120
:!: Je ne souhaite pas utiliser une autre solution car dans mon code normal je peux télécharger plus de 100 images.

Merci d'avance pour votre aide.
Configuration : Windows 11 Famille 64-bit - PB 6.03 x64 - AMD Ryzen 7 - 16 GO RAM
Vidéo NVIDIA GeForce GTX 1650 Ti - Résolution 1920x1080 - Mise à l'échelle 125%
Avatar de l’utilisateur
falsam
Messages : 7244
Inscription : dim. 22/août/2010 15:24
Localisation : IDF (Yvelines)
Contact :

Re: Webgadget : Inserer une image fullscreen

Message par falsam »

Résolu

Code : Tout sélectionner

Buffer = "<body scroll = 'no' style='margin:0px; padding:0px;'><img src='" + url + "/data/avatars/" + Profil + "' style='width:100%; height:100%;'></body>"
Configuration : Windows 11 Famille 64-bit - PB 6.03 x64 - AMD Ryzen 7 - 16 GO RAM
Vidéo NVIDIA GeForce GTX 1650 Ti - Résolution 1920x1080 - Mise à l'échelle 125%
Avatar de l’utilisateur
Kwai chang caine
Messages : 6962
Inscription : sam. 23/sept./2006 18:32
Localisation : Isere

Re: [Résolu] Webgadget : Inserer une image fullscreen

Message par Kwai chang caine »

Content d'avoir pu t'aider :mrgreen: :lol:
Merci pour le code 8)
ImageLe bonheur est une route...
Pas une destination

PureBasic Forum Officiel - Site PureBasic
Avatar de l’utilisateur
falsam
Messages : 7244
Inscription : dim. 22/août/2010 15:24
Localisation : IDF (Yvelines)
Contact :

Re: [Résolu] Webgadget : Inserer une image fullscreen

Message par falsam »

Kwai chang caine a écrit :Content d'avoir pu t'aider :mrgreen: :lol:
C'est fou ce qu'il se passe à l'insu de mon plein gré :mrgreen:
Configuration : Windows 11 Famille 64-bit - PB 6.03 x64 - AMD Ryzen 7 - 16 GO RAM
Vidéo NVIDIA GeForce GTX 1650 Ti - Résolution 1920x1080 - Mise à l'échelle 125%
Avatar de l’utilisateur
Kwai chang caine
Messages : 6962
Inscription : sam. 23/sept./2006 18:32
Localisation : Isere

Re: [Résolu] Webgadget : Inserer une image fullscreen

Message par Kwai chang caine »

C'est la puissance de la transmission de pensée :mrgreen:
Comme dirait Faudel un grand philosophe du 21e siècle "tellement je t'aime, je pense à tooaaaa.."
Connecting "pipole" qu'on est..., quoi qu'avec moi ce serait plutôt connecting "pipo" tout court ...:lol:
ImageLe bonheur est une route...
Pas une destination

PureBasic Forum Officiel - Site PureBasic
Répondre